Merge pull request #815 from ankoh/master

dmt0 · web-flow · commit a22f466b6b03 · 2018-12-20T16:06:46.000-05:00
Interpolate scss variable in calc()
diff --git a/src/styles/components/widgets/_colorpicker.scss b/src/styles/components/widgets/_colorpicker.scss
@@ -99,7 +99,7 @@ $colorpicker-width: 185px;
 .fold .fold {
   .colorpicker__container {
     width: calc(
-      $colorpicker-width - var(--spacing-half-unit) - var(--spacing-half-unit)
+      #{$colorpicker-width} - var(--spacing-half-unit) - var(--spacing-half-unit)
     );
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -99,7 +99,7 @@ $colorpicker-width: 185px;`
`99`	`99`	`.fold .fold {`
`100`	`100`	`.colorpicker__container {`
`101`	`101`	`width: calc(`
`102`		`- $colorpicker-width - var(--spacing-half-unit) - var(--spacing-half-unit)`
	`102`	`+ #{$colorpicker-width} - var(--spacing-half-unit) - var(--spacing-half-unit)`
`103`	`103`	`);`
`104`	`104`	`}`
`105`	`105`	`}`