Browse Source

Varia: Remove `calc()` from Cover Block height variable in favor of regular math when compiled

Allan Cole 5 years ago
parent
commit
371d5f3db4

+ 1 - 1
brompton/sass/_config-child-theme-deep.scss

@@ -188,7 +188,7 @@ $config-button: (
  * Cover
  */
 $config-cover: (
-	"height": calc( 18 * #{map-deep-get($config-global, "spacing", "vertical")} ),
+	"height": #{18 * map-deep-get($config-global, "spacing", "vertical")},
 	"color": (
 		"foreground": #{map-deep-get($config-global, "color", "background", "default")},
 		"background": #{map-deep-get($config-global, "color", "foreground", "default")},

+ 1 - 1
coutoire/sass/_config-child-theme-deep.scss

@@ -188,7 +188,7 @@ $config-button: (
  * Cover
  */
 $config-cover: (
-	"height": calc( 15 * #{map-deep-get($config-global, "spacing", "vertical")} ),
+	"height": #{15 * map-deep-get($config-global, "spacing", "vertical")},
 	"color": (
 		"foreground": #{map-deep-get($config-global, "color", "background", "default")},
 		"background": #{map-deep-get($config-global, "color", "foreground", "default")},

+ 1 - 1
exford/sass/_config-child-theme-deep.scss

@@ -188,7 +188,7 @@ $config-button: (
  * Cover
  */
 $config-cover: (
-	"height": calc( 15 * #{map-deep-get($config-global, "spacing", "vertical")} ),
+	"height": #{15 * map-deep-get($config-global, "spacing", "vertical")},
 	"color": (
 		"foreground": #{map-deep-get($config-global, "color", "background", "default")},
 		"background": #{map-deep-get($config-global, "color", "foreground", "default")},

+ 1 - 1
hever/sass/_config-child-theme-deep.scss

@@ -188,7 +188,7 @@ $config-button: (
  * Cover
  */
 $config-cover: (
-	"height": calc( 15 * #{map-deep-get($config-global, "spacing", "vertical")} ),
+	"height": #{15 * map-deep-get($config-global, "spacing", "vertical")},
 	"color": (
 		"foreground": #{map-deep-get($config-global, "color", "background", "default")},
 		"background": #{map-deep-get($config-global, "color", "foreground", "default")},

+ 1 - 1
leven/sass/_config-child-theme-deep.scss

@@ -188,7 +188,7 @@ $config-button: (
  * Cover
  */
 $config-cover: (
-	"height": calc( 15 * #{map-deep-get($config-global, "spacing", "vertical")} ),
+	"height": #{15 * map-deep-get($config-global, "spacing", "vertical")},
 	"color": (
 		"foreground": #{map-deep-get($config-global, "color", "background", "default")},
 		"background": #{map-deep-get($config-global, "color", "foreground", "default")},

+ 1 - 1
morden/sass/_config-child-theme-deep.scss

@@ -188,7 +188,7 @@ $config-button: (
  * Cover
  */
 $config-cover: (
-	"height": calc( 15 * #{map-deep-get($config-global, "spacing", "vertical")} ),
+	"height": #{15 * map-deep-get($config-global, "spacing", "vertical")},
 	"color": (
 		"foreground": #{map-deep-get($config-global, "color", "background", "default")},
 		"background": #{map-deep-get($config-global, "color", "foreground", "default")},

+ 1 - 1
redhill/sass/_config-child-theme-deep.scss

@@ -188,7 +188,7 @@ $config-button: (
  * Cover
  */
 $config-cover: (
-	"height": calc( 18 * #{map-deep-get($config-global, "spacing", "vertical")} ),
+	"height": #{18 * map-deep-get($config-global, "spacing", "vertical")},
 	"color": (
 		"foreground": #{map-deep-get($config-global, "color", "background", "default")},
 		"background": #{map-deep-get($config-global, "color", "foreground", "default")},

+ 1 - 1
stow/sass/_config-child-theme-deep.scss

@@ -188,7 +188,7 @@ $config-button: (
  * Cover
  */
 $config-cover: (
-	"height": calc( 15 * #{map-deep-get($config-global, "spacing", "vertical")} ),
+	"height": #{15 * map-deep-get($config-global, "spacing", "vertical")},
 	"color": (
 		"foreground": #{map-deep-get($config-global, "color", "background", "default")},
 		"background": #{map-deep-get($config-global, "color", "foreground", "default")},

+ 1 - 1
stratford/sass/_config-child-theme-deep.scss

@@ -188,7 +188,7 @@ $config-button: (
  * Cover
  */
 $config-cover: (
-	"height": calc( 15 * #{map-deep-get($config-global, "spacing", "vertical")} ),
+	"height": #{15 * map-deep-get($config-global, "spacing", "vertical")},
 	"color": (
 		"foreground": #{map-deep-get($config-global, "color", "background", "default")},
 		"background": #{map-deep-get($config-global, "color", "foreground", "default")},

+ 1 - 1
varia/sass/blocks/cover/_config.scss

@@ -2,7 +2,7 @@
  * Cover
  */
 $config-cover: (
-	"height": calc( 15 * #{map-deep-get($config-global, "spacing", "vertical")} ),
+	"height": #{15 * map-deep-get($config-global, "spacing", "vertical")},
 	"color": (
 		"foreground": #{map-deep-get($config-global, "color", "white")},
 		"background": #{map-deep-get($config-global, "color", "black")},

+ 1 - 1
varia/sass/child-theme/_config-child-theme-deep.scss

@@ -188,7 +188,7 @@ $config-button: (
  * Cover
  */
 $config-cover: (
-	"height": calc( 15 * #{map-deep-get($config-global, "spacing", "vertical")} ),
+	"height": #{15 * map-deep-get($config-global, "spacing", "vertical")},
 	"color": (
 		"foreground": #{map-deep-get($config-global, "color", "white")},
 		"background": #{map-deep-get($config-global, "color", "black")},

+ 1 - 1
varia/style-editor.css

@@ -284,7 +284,7 @@ object {
 .wp-block-cover,
 .wp-block-cover-image {
 	background-color: #444444;
-	min-height: calc( 15 * 32px);
+	min-height: 480px;
 	/* Treating H2 separately to account for legacy /core styles */
 }
 

+ 1 - 1
varia/style-rtl.css

@@ -1172,7 +1172,7 @@ input.has-focus[type="submit"],
 .wp-block-cover,
 .wp-block-cover-image {
 	background-color: black;
-	min-height: calc( 15 * 32px);
+	min-height: 480px;
 	margin: inherit;
 	/* Treating H2 separately to account for legacy /core styles */
 	/**

+ 1 - 1
varia/style.css

@@ -1172,7 +1172,7 @@ input.has-focus[type="submit"],
 .wp-block-cover,
 .wp-block-cover-image {
 	background-color: black;
-	min-height: calc( 15 * 32px);
+	min-height: 480px;
 	margin: inherit;
 	/* Treating H2 separately to account for legacy /core styles */
 	/**