interpolate scss variable in calc

ankoh · ankoh · commit 5e1d053a8912 · 2018-12-20T21:40:38.000+01:00
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`	`}`