🔧 chore(gulpfile.js): Migrate from LibSass to DartSass

Spiderpig86 · Nov 3, 2021 · fc54c2d · fc54c2d
1 parent a7671b9
commit fc54c2d
Show file tree

Hide file tree

Showing 10 changed files with 17,772 additions and 12,558 deletions.
diff --git a/dist/cirrus-core.css b/dist/cirrus-core.css
diff --git a/dist/cirrus-core.min.css b/dist/cirrus-core.min.css
diff --git a/dist/cirrus.css b/dist/cirrus.css
diff --git a/dist/cirrus.min.css b/dist/cirrus.min.css
diff --git a/gulpfile.js b/gulpfile.js
@@ -2,6 +2,7 @@ const gulp = require('gulp');
 const prop = require('./package.json');
 const minify = require('gulp-clean-css');
 const sass = require('gulp-sass');
+sass.compiler = require('sass'); // Use Dart Sass
 const $ = require('gulp-load-plugins')();
 const head =
     '/*\r\n* Cirrus ' +

diff --git a/internal/_size.scss b/internal/_size.scss
@@ -1,3 +1,5 @@
+@use "sass:math";
+
 /* Spacing */
 $spacing-system: 0, 1, 2, 3, 4, 5, 6, 8, 10, 12, 16, 20, 24, 32;
 $space-size: 0.5rem;
@@ -29,7 +31,7 @@ $font-sizes: (
 $grid-columns: 12;
 
 /* Grid Percents */
-$grid-width: 1 / $grid-columns;
+$grid-width: math.div(1, $grid-columns);
 
 /* Tab Sizes */
 $tab-sizes: (

diff --git a/internal/_theme.scss b/internal/_theme.scss
@@ -183,7 +183,7 @@ $grays: (
     '900': #212529,
 );
 
-$v1Palettes: primary, success, warning, danger, light, dark, link, link-dark, info, black, white;
+$v1Palettes: primary, success, warning, danger, light, dark, link, link-dark, info, 'black', 'white';
 
 $v2Palettes: (
     'pink': $pinks,