chore: use sass Built-In-Modules in split file

xiejay97 · xiejay97 · commit 7be53b5dcf67 · 2022-08-16T13:48:58.000+08:00
diff --git a/packages/site/src/app/styles/_top-line-loader.scss b/packages/site/src/app/styles/_top-line-loader.scss
@@ -1,3 +1,5 @@
+@use 'sass:color';
+
 @mixin generate-linear-gradient($color) {
   background: linear-gradient(
     90deg,
diff --git a/packages/site/src/styles.scss b/packages/site/src/styles.scss
@@ -1,6 +1,4 @@
 /* You can add global styles to this file, and also import other style files */
-@use 'sass:color';
-
 @import '~highlight.js/scss/github';
 @import '../../ui/styles/index';
 @import './app/styles/index';
diff --git a/packages/ui/styles/_base.scss b/packages/ui/styles/_base.scss
@@ -1,5 +1,4 @@
-@use 'sass:color';
-@use 'sass:map';
+@import '~rfs/scss';
 
 @import 'variables';
 @import 'mixins';
diff --git a/packages/ui/styles/_mixins.scss b/packages/ui/styles/_mixins.scss
@@ -1,4 +1,3 @@
-@import '~rfs/scss';
 @import 'mixins/config';
 @import 'mixins/function';
 @import 'mixins/bem';
diff --git a/packages/ui/styles/_variables.scss b/packages/ui/styles/_variables.scss
@@ -1,6 +1,6 @@
 /* stylelint-disable declaration-property-value-allowed-list */
 /* stylelint-disable scss/operator-no-unspaced */
-@import '~rfs/scss';
+@use 'sass:color';
 
 $namespace: 'd' !default;
 $variable-prefix: '#{$namespace}-' !default;
diff --git a/packages/ui/styles/components/avatar.scss b/packages/ui/styles/components/avatar.scss
@@ -1,3 +1,5 @@
+@use 'sass:map';
+
 @include b(avatar) {
   display: inline-flex;
   align-items: center;
diff --git a/packages/ui/styles/components/back-top.scss b/packages/ui/styles/components/back-top.scss
@@ -1,3 +1,5 @@
+@use 'sass:map';
+
 @include b(back-top) {
   @include utils-button;
 
diff --git a/packages/ui/styles/components/badge.scss b/packages/ui/styles/components/badge.scss
@@ -1,3 +1,5 @@
+@use 'sass:map';
+
 @include b(badge) {
   position: absolute;
   z-index: 1;
diff --git a/packages/ui/styles/components/button.scss b/packages/ui/styles/components/button.scss
@@ -1,3 +1,5 @@
+@use 'sass:map';
+
 @include b(button) {
   $selector: &;
   $disabled-selector: ':disabled:not(.is-loading)';
diff --git a/packages/ui/styles/components/checkbox.scss b/packages/ui/styles/components/checkbox.scss
@@ -1,3 +1,5 @@
+@use 'sass:map';
+
 @keyframes checkbox-tick {
   0% {
     transform: scale(0.7);
diff --git a/packages/ui/styles/components/date-picker.scss b/packages/ui/styles/components/date-picker.scss
@@ -1,3 +1,5 @@
+@use 'sass:map';
+
 @include b(date-picker) {
   @include component-date-input;
 
diff --git a/packages/ui/styles/components/image.scss b/packages/ui/styles/components/image.scss
@@ -1,3 +1,5 @@
+@use 'sass:map';
+
 @include b(image) {
   position: relative;
   display: inline-flex;
diff --git a/packages/ui/styles/components/radio.scss b/packages/ui/styles/components/radio.scss
@@ -1,3 +1,5 @@
+@use 'sass:map';
+
 @include b(radio) {
   position: relative;
   display: inline-flex;
diff --git a/packages/ui/styles/components/slider.scss b/packages/ui/styles/components/slider.scss
@@ -1,3 +1,5 @@
+@use 'sass:map';
+
 @include b(slider) {
   --#{$variable-prefix}slider-color-rgb: var(--#{$variable-prefix}color-primary-rgb);
 
diff --git a/packages/ui/styles/components/stepper.scss b/packages/ui/styles/components/stepper.scss
@@ -1,3 +1,5 @@
+@use 'sass:map';
+
 @keyframes stepper-active {
   0% {
     box-shadow: 0 0 0 4px rgb(var(--#{$variable-prefix}color-primary-rgb) / var(--#{$variable-prefix}shadow-normal));
diff --git a/packages/ui/styles/components/switch.scss b/packages/ui/styles/components/switch.scss
@@ -1,3 +1,5 @@
+@use 'sass:map';
+
 @keyframes switch-focus {
   0% {
     box-shadow: 0 0 0 8px rgb(var(--#{$variable-prefix}color-primary-rgb) / var(--#{$variable-prefix}shadow-normal));
diff --git a/packages/ui/styles/components/tag.scss b/packages/ui/styles/components/tag.scss
@@ -1,3 +1,5 @@
+@use 'sass:map';
+
 @include b(tag) {
   --#{$variable-prefix}tag-padding-size: 8px;
   --#{$variable-prefix}tag-size: 28px;
diff --git a/packages/ui/styles/components/upload.scss b/packages/ui/styles/components/upload.scss
@@ -1,3 +1,5 @@
+@use 'sass:map';
+
 @include b(upload) {
   display: none;
 

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@use 'sass:color';`
	`2`	`+`
`1`	`3`	`@mixin generate-linear-gradient($color) {`
`2`	`4`	`background: linear-gradient(`
`3`	`5`	`90deg,`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,3 @@`
`1`		`-@import '~rfs/scss';`
`2`	`1`	`@import 'mixins/config';`
`3`	`2`	`@import 'mixins/function';`
`4`	`3`	`@import 'mixins/bem';`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@use 'sass:map';`
	`2`	`+`
`1`	`3`	`@include b(avatar) {`
`2`	`4`	`display: inline-flex;`
`3`	`5`	`align-items: center;`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@use 'sass:map';`
	`2`	`+`
`1`	`3`	`@include b(back-top) {`
`2`	`4`	`@include utils-button;`
`3`	`5`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@use 'sass:map';`
	`2`	`+`
`1`	`3`	`@include b(badge) {`
`2`	`4`	`position: absolute;`
`3`	`5`	`z-index: 1;`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@use 'sass:map';`
	`2`	`+`
`1`	`3`	`@include b(button) {`
`2`	`4`	`$selector: &;`
`3`	`5`	`$disabled-selector: ':disabled:not(.is-loading)';`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@use 'sass:map';`
	`2`	`+`
`1`	`3`	`@keyframes checkbox-tick {`
`2`	`4`	`0% {`
`3`	`5`	`transform: scale(0.7);`