1.0.7

.gitignore

@@ -7,4 +7,5 @@ package-lock.json
 gridd-plus.zip
 inc/acf/plugin
 assets/css/*.css
-assets/css/**/*.css
+assets/css/**/*.css
+inc/acf/

CHANGELOG.md

@@ -1,3 +1,14 @@
+## v3.0.0
+2020-05-24
+
+* FIX: Nested Grid styles.
+* FIX: Refactored scroll-to-top link & styles.
+* FIX: Typography scales now using a slider.
+* UPDATED: ACF-Pro v5.8.11.
+* REMOVED: Custom grid metabox in posts & pages.
+* REMOVED: Separate mobile grids.
+* REMOVED: Grid parts padding options.
+
 ## v1.0.7
 2019-09-04
 

assets/css/anchor-links.scss

@@ -1,6 +1,9 @@
 .anchor-injected {
 	opacity: 0;
 	transition: all 250ms;
+	text-decoration: none !important;
+	border-color: transparent !important;
+	box-shadow: none !important;
 
 	&:before {
 		content: "🔗";

assets/css/nested-grid-default.scss

@@ -2,15 +2,15 @@
 // The ID will be replaced by the actual nested-grid ID via PHP
 // when the style is included inline in the document.
 .gridd-tp-nested-grid-ID {
-	background-color: var(--ns-gr-ID-bg);
-	padding: var(--ns-gr-ID-pd);
+	background-color: var(--bg);
+	padding: 1em;
 	display: flex;
 	justify-content: center;
 	overflow: visible;
-	box-shadow: var(--ns-gr-ID-bs);
+	box-shadow: var(--bs);
 
 	> .inner {
 		width: 100%;
-		max-width: var(--ns-gr-ID-mw);
+		max-width: var(--mw);
 	}
 }

assets/css/nested-grid-large.scss

@@ -5,6 +5,6 @@
 	> .inner {
 		display:-ms-grid;
 		display: grid;
-		grid-gap: var(--ns-gr-ID-gg);
+		grid-gap: var(--gg);
 	}
 }

assets/css/totop.scss

@@ -1,85 +1,40 @@
 // CSS for this implementation is a slightly tweaked version of https://codepen.io/rolandtoth/pen/eMamVK/
 
-@mixin setScrolltopColors($bgColor: #333, $arrowColor: white, $bgColorHover: $bgColor, $arrowColorHover: $arrowColor) {
-	#scrolltop-bg {
-		fill: $bgColor;
-	}
-
-	#scrolltop-arrow {
-		fill: $arrowColor;
-	}
-
-	a:hover {
-		#scrolltop-bg {
-			fill: $bgColorHover;
-		}
-
-		#scrolltop-arrow {
-			fill: $arrowColorHover;
-		}
-	}
-}
-
 .scrolltop-wrap {
-	$size: 3rem;
-	$offsetBottom: 2rem;
-	$offsetHorizontal: 2rem;
-	$scrollToRevealDistance: 35vh; // scroll offset to reveal scroll-to-top link
 	box-sizing: border-box;
-	position: absolute;
-	top: $scrollToRevealDistance;
-	right: $offsetHorizontal;
-	bottom: 0;
-	pointer-events: none;
-	backface-visibility: hidden;
-	@include setScrolltopColors(var(--lc), white, var(--lch));
+	position: fixed;
+	bottom: -2em;
+	right: 2em;
+	transition: all 200ms;
+
+	.gridd-scroll-to-top & {
+		bottom: 0;
+	}
 
-	// prevent extra page height if content is smaller than viewport
-	// Firefox only
-	@supports (-moz-appearance: meterbar) {
-		clip: rect(0, $size, auto, 0);
+	body.rtl & {
+		right: auto;
+		left: 2em;
 	}
 
 	a {
-		$offset: - ($size + $offsetBottom); // pull up + add a small bottom space
-		position: fixed; // fallback
-		position: sticky;
-		top: $offset;
-		width: $size;
-		height: $size;
-		margin-bottom: $offset;
-		transform: translateY(100vh); // push to bottom from top (when stuck)
-		backface-visibility: hidden;
-		display: inline-block;
+		display: flex;
+		justify-content: center;
+		width: 2em;
+		height: 2em;
+		line-height: 1.2;
+		background: var(--lc);
+		color: var(--bg);
 		text-decoration: none;
-		user-select: none;
-		pointer-events: all;
-		outline: none;
-		overflow: hidden;
-
-		svg {
-			display: block;
-			border-radius: 50%;
-			width: 100%;
-			height: 100%;
+		transform: rotate(180deg);
+		border-radius: 0 0 4px 4px;
 
-			path {
-				transition: all 0.1s;
-			}
-		}
-
-		#scrolltop-arrow {
-			transform: scale(0.66);
-			transform-origin: center;
+		&:hover {
+			background: var(--cl);
+			text-decoration: none;
 		}
 	}
 
 	@media print {
 		display: none !important;
 	}
 }
-
-.q-scroll-totop {
-	bottom: 80;
-	padding: .5em;
-}

assets/css/woocommerce.scss

@@ -19,7 +19,7 @@
     }
 
     .widget {
-        padding: 0 1em;
+        padding: 1em 1em 0 1em;
 
         .total {
             border-top: none;