refactor: migrate from @import to Sass module system

mrholek · mrholek · commit 1377e516b56b · 2025-01-31T19:49:13.000+01:00
diff --git a/scss/_buttons.scss b/scss/_buttons.scss
@@ -138,6 +138,12 @@
 // Alternate buttons
 //
 
+.btn-transparent {
+  --#{$prefix}btn-active-border-color: transparent;
+  --#{$prefix}btn-disabled-border-color: transparent;
+  --#{$prefix}btn-hover-border-color: transparent;
+}
+
 // scss-docs-start btn-variant-loops
 @each $color, $value in $theme-colors {
   .btn-#{$color} {
@@ -178,17 +184,6 @@
 }
 // scss-docs-end btn-variant-loops
 
-.btn-transparent {
-  --#{$prefix}btn-active-border-color: transparent;
-  --#{$prefix}btn-disabled-border-color: transparent;
-  --#{$prefix}btn-hover-border-color: transparent;
-  --#{$prefix}btn-box-shadow: none;
-  --#{$prefix}btn-focus-shadow-rgb: #{to-rgb(mix(color-contrast($primary), $primary, 15%))};
-
-  @if $enable-gradients {
-    background-image: none;
-  }
-}
 
 //
 // Link buttons
diff --git a/scss/_calendar.import.scss b/scss/_calendar.import.scss
@@ -0,0 +1 @@
+@forward "calendar";
diff --git a/scss/_calendar.scss b/scss/_calendar.scss
@@ -1,4 +1,10 @@
 // stylelint-disable selector-max-class
+@use "functions/escape-svg" as *;
+@use "mixins/breakpoints" as *;
+@use "mixins/border-radius" as *;
+@use "mixins/ltr-rtl" as *;
+@use "mixins/transition" as *;
+@use "variables" as *;
 
 .calendar {
   // scss-docs-start calendar-css-vars
diff --git a/scss/_card.scss b/scss/_card.scss
@@ -1,6 +1,7 @@
 @use "mixins/border-radius" as *;
 @use "mixins/box-shadow" as *;
 @use "mixins/breakpoints" as *;
+@use "mixins/elevation" as *;
 @use "mixins/ltr-rtl" as *;
 @use "variables" as *;
 
diff --git a/scss/_date-picker.import.scss b/scss/_date-picker.import.scss
@@ -0,0 +1 @@
+@forward "date-picker";
diff --git a/scss/_date-picker.scss b/scss/_date-picker.scss
@@ -1,3 +1,13 @@
+@use "functions/escape-svg" as *;
+@use "mixins/border-radius" as *;
+@use "mixins/box-shadow" as *;
+@use "mixins/breakpoints" as *;
+@use "mixins/elevation" as *;
+@use "mixins/ltr-rtl" as *;
+@use "mixins/transition" as *;
+@use "vendor/rfs" as *;
+@use "variables" as *;
+
 .date-picker,
 *:not(.date-picker) > .date-picker-dropdown {
   // scss-docs-start date-picker-css-vars
diff --git a/scss/_dropdown.scss b/scss/_dropdown.scss
@@ -3,6 +3,7 @@
 @use "mixins/box-shadow" as *;
 @use "mixins/breakpoints" as *;
 @use "mixins/caret" as *;
+@use "mixins/elevation" as *;
 @use "mixins/gradients" as *;
 @use "mixins/ltr-rtl" as *;
 @use "vendor/rfs" as *;
diff --git a/scss/_footer.scss b/scss/_footer.scss
@@ -1,3 +1,4 @@
+@use "mixins/elevation" as *;
 @use "variables" as *;
 
 .footer {
diff --git a/scss/_header.scss b/scss/_header.scss
@@ -1,6 +1,7 @@
 @use "functions/escape-svg" as *;
 @use "mixins/border-radius" as *;
 @use "mixins/breakpoints" as *;
+@use "mixins/elevation" as *;
 @use "mixins/ltr-rtl" as *;
 @use "mixins/transition" as *;
 @use "vendor/rfs" as *;
diff --git a/scss/_loading-button.import.scss b/scss/_loading-button.import.scss
@@ -0,0 +1 @@
+@forward "loading-button";
diff --git a/scss/_loading-button.scss b/scss/_loading-button.scss
@@ -1,3 +1,7 @@
+@use "mixins/ltr-rtl" as *;
+@use "mixins/transition" as *;
+@use "variables" as *;
+
 //
 // Loading button
 //
diff --git a/scss/_modal.scss b/scss/_modal.scss
@@ -4,6 +4,7 @@
 @use "mixins/border-radius" as *;
 @use "mixins/box-shadow" as *;
 @use "mixins/breakpoints" as *;
+@use "mixins/elevation" as *;
 @use "mixins/ltr-rtl" as *;
 @use "mixins/transition" as *;
 @use "variables" as *;
diff --git a/scss/_range-slider.import.scss b/scss/_range-slider.import.scss
@@ -0,0 +1 @@
+@forward "range-slider";
diff --git a/scss/_range-slider.scss b/scss/_range-slider.scss
@@ -1,3 +1,11 @@
+@use "mixins/border-radius" as *;
+@use "mixins/box-shadow" as *;
+@use "mixins/gradients" as *;
+@use "mixins/ltr-rtl" as *;
+@use "mixins/transition" as *;
+@use "vendor/rfs" as *;
+@use "variables" as *;
+
 .range-slider {
   // scss-docs-start range-slider-css-vars
   --#{$prefix}range-slider-track-width: #{$range-slider-track-width};
diff --git a/scss/_rating.import.scss b/scss/_rating.import.scss
@@ -0,0 +1 @@
+@forward "rating";
diff --git a/scss/_rating.scss b/scss/_rating.scss
@@ -1,3 +1,7 @@
+@use "functions/escape-svg" as *;
+@use "mixins/transition" as *;
+@use "variables" as *;
+
 .rating {
   // scss-docs-start rating-css-vars
   --#{$prefix}rating-gap: #{$rating-gap};
diff --git a/scss/_time-picker.import.scss b/scss/_time-picker.import.scss
@@ -0,0 +1 @@
+@forward "time-picker";
diff --git a/scss/_time-picker.scss b/scss/_time-picker.scss
@@ -1,3 +1,11 @@
+@use "functions/escape-svg" as *;
+@use "mixins/border-radius" as *;
+@use "mixins/box-shadow" as *;
+@use "mixins/elevation" as *;
+@use "mixins/transition" as *;
+@use "vendor/rfs" as *;
+@use "variables" as *;
+
 .time-picker,
 *:not(.time-picker) > .time-picker-dropdown {
   // scss-docs-start time-picker-css-vars
diff --git a/scss/forms/_form-multi-select.import.scss b/scss/forms/_form-multi-select.import.scss
@@ -0,0 +1 @@
+@forward "form-multi-select";
diff --git a/scss/forms/_form-multi-select.scss b/scss/forms/_form-multi-select.scss
@@ -1,3 +1,11 @@
+@use "../mixins/border-radius" as *;
+@use "../mixins/box-shadow" as *;
+@use "../mixins/elevation" as *;
+@use "../mixins/ltr-rtl" as *;
+@use "../mixins/transition" as *;
+@use "../vendor/rfs" as *;
+@use "../variables" as *;
+
 .form-multi-select,
 *:not(.form-multi-select) > .form-multi-select-dropdown {
   // scss-docs-start form-multi-select-css-vars
diff --git a/scss/mixins/_elevation.scss b/scss/mixins/_elevation.scss
@@ -1,3 +1,5 @@
+@use "../variables" as *;
+
 @mixin elevation($value, $exclude: null) {
   @if $enable-elevations {
     box-shadow: map-get($elevations, $value);
diff --git a/scss/sidebar/_sidebar.scss b/scss/sidebar/_sidebar.scss
@@ -3,6 +3,7 @@
 @use "../mixins/backdrop" as *;
 @use "../mixins/border-radius" as *;
 @use "../mixins/breakpoints" as *;
+@use "../mixins/elevation" as *;
 @use "../mixins/ltr-rtl" as *;
 @use "../mixins/transition" as *;
 @use "../variables" as *;
diff --git a/scss/themes/bootstrap/mixins/_banner.scss b/scss/themes/bootstrap/mixins/_banner.scss
diff --git a/scss/utilities/_bg-gradients.import.scss b/scss/utilities/_bg-gradients.import.scss
@@ -0,0 +1 @@
+@forward "bg-gradients";
diff --git a/scss/utilities/_bg-gradients.scss b/scss/utilities/_bg-gradients.scss
@@ -1,3 +1,5 @@
+@use "../variables" as *;
+
 @each $color, $value in $theme-gradients {
   .bg-#{$color}-gradient {
     background-color: var(--#{$prefix}#{$color});

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
	`1`	`+@use "mixins/elevation" as *;`
`1`	`2`	`@use "variables" as *;`
`2`	`3`
`3`	`4`	`.footer {`