chore(Sass): bump AspNetCore.SassCompiler 1.92.1 (#6769)

ArgoZhang · web-flow · commit cedd988b13fe · 2025-09-20T15:01:15.000+08:00
* chore: 更新 sass 文件使用 use

* chore: 更新版本 1.92.1

* refactor: 精简代码

* test: 修复失败的单元测试
diff --git a/src/BootstrapBlazor/Components/Alert/Alert.razor.scss b/src/BootstrapBlazor/Components/Alert/Alert.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .alert {
     --bb-alert-icon-margin-right: #{$bb-alert-icon-margin-right};
     --bb-alert-bar-width: #{$bb-alert-bar-width};
diff --git a/src/BootstrapBlazor/Components/AnchorLink/AnchorLink.razor.scss b/src/BootstrapBlazor/Components/AnchorLink/AnchorLink.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .anchor-link {
     --bb-anchor-link-margin-left: #{$bb-anchor-link-margin-left};
     --bb-anchor-link-opacity: #{$bb-anchor-link-opacity};
diff --git a/src/BootstrapBlazor/Components/AutoComplete/AutoComplete.razor.scss b/src/BootstrapBlazor/Components/AutoComplete/AutoComplete.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .auto-complete {
     --bb-ac-padding-right: #{$bb-ac-padding-right};
     --bb-select-append-width: #{$bb-select-append-width};
diff --git a/src/BootstrapBlazor/Components/Avatar/Avatar.razor.scss b/src/BootstrapBlazor/Components/Avatar/Avatar.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .avatar {
     --bb-avatar-width: #{$bb-avatar-width};
     --bb-avatar-height: #{$bb-avatar-height};
diff --git a/src/BootstrapBlazor/Components/Badge/Badge.razor.scss b/src/BootstrapBlazor/Components/Badge/Badge.razor.scss
@@ -1,4 +1,6 @@
-﻿.badge {
+﻿@use "../../wwwroot/scss/variables" as *;
+
+.badge {
     &.text-bg-secondary, &.text-bg-light {
         color: $bb-badge-color !important;
     }
diff --git a/src/BootstrapBlazor/Components/Button/Button.razor.scss b/src/BootstrapBlazor/Components/Button/Button.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .btn {
     --bs-btn-font-size: #{$bs-btn-font-size};
     --bs-btn-focus-box-shadow: #{$bs-btn-focus-box-shadow};
diff --git a/src/BootstrapBlazor/Components/Button/DialButton.razor.scss b/src/BootstrapBlazor/Components/Button/DialButton.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .dial-button {
     --bb-dial-list-zindex: #{$bb-dial-list-zindex};
     --bb-dial-item-padding: #{$bb-dial-item-padding};
diff --git a/src/BootstrapBlazor/Components/Button/PopConfirmButtonContent.razor.scss b/src/BootstrapBlazor/Components/Button/PopConfirmButtonContent.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .popover {
     --bs-popover-min-width: #{$bb-popover-min-width};
     --bb-popover-buttons-justify-content: #{$bb-popover-buttons-justify-content};
diff --git a/src/BootstrapBlazor/Components/Button/PulseButton.razor.scss b/src/BootstrapBlazor/Components/Button/PulseButton.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .btn-pulse {
     --bs-border-width: #{$bb-plus-button-border-width};
     position: relative;
diff --git a/src/BootstrapBlazor/Components/Button/SlideButton.razor.scss b/src/BootstrapBlazor/Components/Button/SlideButton.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .slide-button {
     --bb-slide-list-bg: #{$bb-slide-list-bg};
     --bb-slide-list-shadow: #{$bb-slide-list-shadow};
diff --git a/src/BootstrapBlazor/Components/Calendar/Calendar.razor.scss b/src/BootstrapBlazor/Components/Calendar/Calendar.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .calendar {
     --bb-calendar-padding: #{$bb-calendar-padding};
     --bb-calendar-header-border-bottom: #{$bb-calendar-header-border-bottom};
diff --git a/src/BootstrapBlazor/Components/Captcha/Captcha.razor.scss b/src/BootstrapBlazor/Components/Captcha/Captcha.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .captcha {
     --bb-captcha-refresh-padding-left: #{$bb-captcha-refresh-padding-left};
     --bb-captcha-radius: #{$bb-captcha-radius};
diff --git a/src/BootstrapBlazor/Components/Card/Card.razor.scss b/src/BootstrapBlazor/Components/Card/Card.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .card {
     --bb-card-shadow: #{$bb-card-shadow};
     --bb-card-hover-shadow: #{$bb-card-hover-shadow};
diff --git a/src/BootstrapBlazor/Components/Carousel/Carousel.razor.scss b/src/BootstrapBlazor/Components/Carousel/Carousel.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .carousel {
     --bb-carousel-slide-margin: #{$bb-carousel-slide-margin};
     --bb-carousel-slide-padding: #{$bb-carousel-slide-padding};
diff --git a/src/BootstrapBlazor/Components/Checkbox/Checkbox.razor.scss b/src/BootstrapBlazor/Components/Checkbox/Checkbox.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .form-check {
     --bb-checkbox-label-padding-y: #{$bb-checkbox-label-padding-y};
     --bb-checkbox-height: #{$bb-checkbox-height};
diff --git a/src/BootstrapBlazor/Components/Checkbox/CheckboxList.razor.scss b/src/BootstrapBlazor/Components/Checkbox/CheckboxList.razor.scss
@@ -1,4 +1,6 @@
-﻿.checkbox-list {
+﻿@use "../../wwwroot/scss/variables" as *;
+
+.checkbox-list {
     --bb-checkbox-item-width: #{$bb-checkbox-item-width};
     min-height: var(--bb-height);
     height: auto;
diff --git a/src/BootstrapBlazor/Components/Circle/Circle.razor.scss b/src/BootstrapBlazor/Components/Circle/Circle.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .circle {
     --bb-circle-stroke-color: #{$bb-circle-stroke-color};
     --bb-circle-stroke-width: #{$bb-circle-stroke-width};
diff --git a/src/BootstrapBlazor/Components/ClockPicker/ClockPicker.razor.scss b/src/BootstrapBlazor/Components/ClockPicker/ClockPicker.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .bb-clock-picker {
     --bb-time-text-color: #409eff;
     --bb-time-body-width: 264px;
diff --git a/src/BootstrapBlazor/Components/Collapse/Collapse.razor.scss b/src/BootstrapBlazor/Components/Collapse/Collapse.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .accordion {
     --bs-accordion-btn-focus-box-shadow: #{$bb-accordion-btn-focus-box-shadow};
     --bs-accordion-btn-padding-x: 1rem;
diff --git a/src/BootstrapBlazor/Components/ColorPicker/ColorPicker.razor.scss b/src/BootstrapBlazor/Components/ColorPicker/ColorPicker.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .bb-color-picker {
     .form-control-color {
         max-width: 3rem;
diff --git a/src/BootstrapBlazor/Components/Console/Console.razor.scss b/src/BootstrapBlazor/Components/Console/Console.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .console {
     --bs-card-color: #{$bb-console-color};
     --bb-console-body-bg: #{$bb-console-body-bg};
diff --git a/src/BootstrapBlazor/Components/Console/ConsoleLogger.razor.scss b/src/BootstrapBlazor/Components/Console/ConsoleLogger.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .console-logger {
     overflow: hidden auto;
     border: solid 1px var(--bs-border-color);
diff --git a/src/BootstrapBlazor/Components/ContextMenu/ContextMenu.razor.scss b/src/BootstrapBlazor/Components/ContextMenu/ContextMenu.razor.scss
@@ -1,4 +1,6 @@
-﻿.bb-cm {
+﻿@use "../../wwwroot/scss/variables" as *;
+
+.bb-cm {
     --bb-cm-icon-min-width: #{$bb-cm-icon-min-width};
     --bb-cm-icon-min-height: #{$bb-cm-icon-min-height};
     z-index: 1200;
diff --git a/src/BootstrapBlazor/Components/DateTimePicker/DatePickerBody.razor.scss b/src/BootstrapBlazor/Components/DateTimePicker/DatePickerBody.razor.scss
@@ -1,4 +1,6 @@
-﻿.picker-panel {
+﻿@use "../../wwwroot/scss/variables" as *;
+
+.picker-panel {
     --bb-picker-panel-body-width: 320px;
     --bb-picker-hover-color: #409eff;
     --bb-picker-panel-side-width: 0;
diff --git a/src/BootstrapBlazor/Components/DateTimePicker/DateTimePicker.razor.scss b/src/BootstrapBlazor/Components/DateTimePicker/DateTimePicker.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .datetime-picker {
     --bb-dt-picker-bar-color: #{$bb-dt-picker-bar-color};
     --bb-dt-picker-input-padding: #{$bb-dt-form-control-padding};
diff --git a/src/BootstrapBlazor/Components/DateTimeRange/DateTimeRange.razor.scss b/src/BootstrapBlazor/Components/DateTimeRange/DateTimeRange.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .datetime-range {
     --bb-dt-range-bar-color: #{$bb-dt-range-bar-color};
     --bb-dt-range-input-width: #{$bb-dt-range-input-width};
diff --git a/src/BootstrapBlazor/Components/Divider/Divider.razor.scss b/src/BootstrapBlazor/Components/Divider/Divider.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .divider {
     --bb-divider-margin: #{$bb-divider-margin};
     --bb-divider-text-padding: #{$bb-divider-text-padding};
diff --git a/src/BootstrapBlazor/Components/DragDrap/DragDrop.razor.scss b/src/BootstrapBlazor/Components/DragDrap/DragDrop.razor.scss
@@ -82,11 +82,10 @@
 }
 
 .bb-dd-noselect {
-    -webkit-touch-callout: none; /* iOS Safari */
-    -webkit-user-select: none; /* Safari */
-    -khtml-user-select: none; /* Konqueror HTML */
-    -moz-user-select: none; /* Old versions of Firefox */
-    -ms-user-select: none; /* Internet Explorer/Edge */
-    user-select: none; /* Non-prefixed version, currently
-                                  supported by Chrome, Edge, Opera and Firefox */
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
 }
diff --git a/src/BootstrapBlazor/Components/Drawer/Drawer.razor.scss b/src/BootstrapBlazor/Components/Drawer/Drawer.razor.scss
@@ -1,4 +1,6 @@
-﻿.drawer {
+﻿@use "../../wwwroot/scss/variables" as *;
+
+.drawer {
     --bb-drawer-bg: var(--bs-body-bg);
     --bb-drawer-zindex: #{$bb-drawer-zindex};
     --bb-drawer-body-shadow: #{$bb-drawer-body-shadow};
diff --git a/src/BootstrapBlazor/Components/Dropdown/Dropdown.razor.scss b/src/BootstrapBlazor/Components/Dropdown/Dropdown.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 [data-bs-theme='dark'] .dropdown-menu {
     --bs-dropdown-bg: #{$bs-dropdown-bg-dark};
 }
diff --git a/src/BootstrapBlazor/Components/DropdownWidget/DropdownWidget.razor.scss b/src/BootstrapBlazor/Components/DropdownWidget/DropdownWidget.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .widget {
     --bb-widget-toggle-color: #{$bb-widget-toggle-color};
     --bb-widget-toggle-padding: #{$bb-widget-toggle-padding};
diff --git a/src/BootstrapBlazor/Components/Empty/Empty.razor.scss b/src/BootstrapBlazor/Components/Empty/Empty.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .empty {
     --bb-empty-image-margin: #{$bb-empty-image-margin};
     --bb-empty-template-margin: #{$bb-empty-template-margin};
diff --git a/src/BootstrapBlazor/Components/FileIcon/FileIcon.razor.scss b/src/BootstrapBlazor/Components/FileIcon/FileIcon.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .file-icon {
     --bb-file-icon-width: #{$bb-file-icon-width};
     --bb-file-icon-height: #{$bb-file-icon-height};
diff --git a/src/BootstrapBlazor/Components/Filters/MultiFilter.razor.scss b/src/BootstrapBlazor/Components/Filters/MultiFilter.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .bb-multi-filter {
     --bb-multi-filter-height: 180px;
     --bb-multi-filter-width: 224px;
diff --git a/src/BootstrapBlazor/Components/Filters/TableColumnFilter.razor.scss b/src/BootstrapBlazor/Components/Filters/TableColumnFilter.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .filter-item {
     --bb-filter-item-min-width: #{$bb-filter-item-min-width};
     --bb-filter-item-btn-hover-color: #{$bb-filter-item-btn-hover-color};
diff --git a/src/BootstrapBlazor/Components/FlipClock/FlipClock.razor.scss b/src/BootstrapBlazor/Components/FlipClock/FlipClock.razor.scss
@@ -1,4 +1,6 @@
-﻿.bb-flip-clock {
+﻿@use "../../wwwroot/scss/variables" as *;
+
+.bb-flip-clock {
     --bb-flip-clock-height: #{$bb-flip-clock-height};
     --bb-flip-clock-bg: #{$bb-flip-clock-bg};
     --bb-flip-clock-font-size: #{$bb-flip-clock-font-size};
diff --git a/src/BootstrapBlazor/Components/Footer/Footer.razor.scss b/src/BootstrapBlazor/Components/Footer/Footer.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .footer {
     --bb-footer-bg: #{$bb-footer-bg};
     --bb-footer-padding: #{$bb-footer-padding};
diff --git a/src/BootstrapBlazor/Components/GoTop/GoTop.razor.scss b/src/BootstrapBlazor/Components/GoTop/GoTop.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .layout-gotop {
     --bb-gotop-bg: #{$bb-gotop-bg};
     --bb-gotop-widht: #{$bb-gotop-widht};
diff --git a/src/BootstrapBlazor/Components/GroupBox/GroupBox.razor.scss b/src/BootstrapBlazor/Components/GroupBox/GroupBox.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .groupbox {
     --bb-groupbox-padding: #{$bb-groupbox-padding};
     --bb-groupbox-margin-top: #{$bb-groupbox-margin-top};
diff --git a/src/BootstrapBlazor/Components/Handwritten/Handwritten.razor.scss b/src/BootstrapBlazor/Components/Handwritten/Handwritten.razor.scss
@@ -1,5 +1,4 @@
-.handwritten {
-
+﻿.handwritten {
     .hw-body {
         border: 1px solid rgba(0,0,0,.125);
         border-radius: var(--bs-border-radius);
diff --git a/src/BootstrapBlazor/Components/Icon/BootstrapBlazorIcon.razor.scss b/src/BootstrapBlazor/Components/Icon/BootstrapBlazorIcon.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .bb-icon {
     --bb-icon-width: #{$bb-icon-width};
     --bb-icon-color: var(--bs-body-color);
diff --git a/src/BootstrapBlazor/Components/Icon/SvgIcon.razor.scss b/src/BootstrapBlazor/Components/Icon/SvgIcon.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .bb-svg-icon {
     --bb-svg-icon-width: #{$bb-svg-icon-width};
     --bb-svg-icon-color: var(--bs-body-color);
diff --git a/src/BootstrapBlazor/Components/ImagePreviewer/ImagePreviewer.razor.scss b/src/BootstrapBlazor/Components/ImagePreviewer/ImagePreviewer.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .bb-previewer {
     --bb-viewer-button-bg: #{$bb-viewer-button-bg};
     --bb-viewer-border-radius: #{$bb-viewer-border-radius};
diff --git a/src/BootstrapBlazor/Components/Input/BootstrapInput.razor.scss b/src/BootstrapBlazor/Components/Input/BootstrapInput.razor.scss
@@ -1,4 +1,4 @@
-.bb-clearable-input {
+﻿.bb-clearable-input {
     display: inline-flex;
     align-items: center;
     flex-grow: 1;
diff --git a/src/BootstrapBlazor/Components/Input/OtpInput.razor.scss b/src/BootstrapBlazor/Components/Input/OtpInput.razor.scss
@@ -1,4 +1,6 @@
-﻿.bb-otp-input {
+﻿@use "../../wwwroot/scss/variables" as *;
+
+.bb-otp-input {
     --bb-otp-item-width: #{$bb-otp-item-width};
     --bb-otp-item-disabled-color: #{$bb-otp-item-disabled-color};
     --bb-otp-item-padding: #{$bb-otp-item-padding};
diff --git a/src/BootstrapBlazor/Components/IntersectionObserver/LoadMore.razor.scss b/src/BootstrapBlazor/Components/IntersectionObserver/LoadMore.razor.scss
@@ -1,4 +1,6 @@
-﻿.bb-intersection-observer {
+﻿@use "../../wwwroot/scss/variables" as *;
+
+.bb-intersection-observer {
     --bb-intersection-observer-loading-bg: #{$bb-intersection-observer-loading-bg};
     --bb-intersection-observer-loading-color: #{$bb-intersection-observer-loading-color};
     --bb-intersection-observer-loading-padding: #{$bb-intersection-observer-loading-padding};
diff --git a/src/BootstrapBlazor/Components/IpAddress/IpAddress.razor.scss b/src/BootstrapBlazor/Components/IpAddress/IpAddress.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .ipaddress {
     --bb-ip-cell-max-width: #{$bb-ip-cell-max-width};
     display: flex;
diff --git a/src/BootstrapBlazor/Components/Layout/Layout.razor.scss b/src/BootstrapBlazor/Components/Layout/Layout.razor.scss
@@ -1,4 +1,6 @@
-﻿[data-bs-theme='dark'] .layout {
+﻿@use "../../wwwroot/scss/variables" as *;
+
+[data-bs-theme='dark'] .layout {
     --bb-layout-header-background: #{$bb-layout-header-background-dark};
     --bb-layout-header-border-color: #{$bb-layout-header-border-color-dark};
     --bb-layout-banner-border-color: #{$bb-layout-banner-border-color-dark};
diff --git a/src/BootstrapBlazor/Components/Layout/LayoutSplitBar.razor.scss b/src/BootstrapBlazor/Components/Layout/LayoutSplitBar.razor.scss
@@ -1,4 +1,6 @@
-﻿.layout-split-bar {
+﻿@use "../../wwwroot/scss/variables" as *;
+
+.layout-split-bar {
     width: 1px;
     position: absolute;
     top: 0;
diff --git a/src/BootstrapBlazor/Components/Light/Light.razor.scss b/src/BootstrapBlazor/Components/Light/Light.razor.scss
@@ -1,4 +1,6 @@
-﻿.bb-light {
+﻿@use "../../wwwroot/scss/variables" as *;
+
+.bb-light {
     --bb-light-bg: #{$bb-light-bg};
     --bb-light-danger-start-color: #{$bb-light-danger-start-color};
     --bb-light-danger-end-color: #{$bb-light-danger-end-color};
diff --git a/src/BootstrapBlazor/Components/ListView/ListView.razor.scss b/src/BootstrapBlazor/Components/ListView/ListView.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .listview {
     --bb-lv-header-padding: #{$bb-lv-header-padding};
     --bb-lv-header-bg: #{$bb-lv-header-bg};
diff --git a/src/BootstrapBlazor/Components/Logout/Logout.razor.scss b/src/BootstrapBlazor/Components/Logout/Logout.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .dropdown-logout {
     --bb-logout-avatar-width: #{$bb-logout-avatar-width};
     --bb-logout-avatar-height: #{$bb-logout-avatar-height};
diff --git a/src/BootstrapBlazor/Components/Mask/Mask.razor.scss b/src/BootstrapBlazor/Components/Mask/Mask.razor.scss
@@ -1,4 +1,6 @@
-﻿.bb-mask {
+﻿@use "../../wwwroot/scss/variables" as *;
+
+.bb-mask {
     --bb-mask-zindex: #{$bb-mask-zindex};
     --bb-mask-bg: #{$bb-mask-bg};
     --bb-mask-opacity: #{$bb-mask-opacity};
diff --git a/src/BootstrapBlazor/Components/Menu/Menu.razor.scss b/src/BootstrapBlazor/Components/Menu/Menu.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .menu {
     --bb-menu-nav-pading: #{$bb-menu-nav-pading};
     --bb-menu-nav-border-bottom: #{$bb-menu-nav-border-bottom};
diff --git a/src/BootstrapBlazor/Components/Pagination/Pagination.razor.scss b/src/BootstrapBlazor/Components/Pagination/Pagination.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .nav-pages {
     --bb-pagination-goto-padding: #{$bb-pagination-goto-padding};
     --bb-pagiantion-select-width: #{$bb-pagiantion-select-width};
diff --git a/src/BootstrapBlazor/Components/QueryBuilder/QueryBuilder.razor.scss b/src/BootstrapBlazor/Components/QueryBuilder/QueryBuilder.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .query-builder {
     --bb-qb-group-padding: #{$bb-qb-group-padding};
     --bb-qb-sub-group-padding-left: #{$bb-qb-sub-group-padding-left};
diff --git a/src/BootstrapBlazor/Components/Radio/RadioList.razor.scss b/src/BootstrapBlazor/Components/Radio/RadioList.razor.scss
@@ -1,4 +1,6 @@
-﻿.radio-list {
+﻿@use "../../wwwroot/scss/variables" as *;
+
+.radio-list {
     --bb-radio-item-width: #{$bb-radio-item-width};
     --bb-radio-item-padding: #{$bb-radio-item-padding};
     --bb-radio-group-item-active-color: #{$bb-radio-group-item-active-color};
diff --git a/src/BootstrapBlazor/Components/Rate/Rate.razor.scss b/src/BootstrapBlazor/Components/Rate/Rate.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .rate {
     --bb-rate-height: #{$bb-rate-height};
     --bb-rate-width: #{$bb-rate-width};
diff --git a/src/BootstrapBlazor/Components/RibbonTab/RibbonTab.razor.scss b/src/BootstrapBlazor/Components/RibbonTab/RibbonTab.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 .ribbon-tab {
     --bb-ribbon-menu-height: #{$bb-ribbon-menu-height};
     --bb-ribbon-menu-margin-top: #{$bb-ribbon-menu-margin-top};
diff --git a/src/BootstrapBlazor/Components/Row/Row.razor.scss b/src/BootstrapBlazor/Components/Row/Row.razor.scss
@@ -1,3 +1,5 @@
+﻿@use "../../wwwroot/scss/variables" as *;
+
 :root {
     --bb-row-label-width: #{$bb-row-label-width};
     --bb-row-control-padding: #{$bb-row-control-padding};
diff --git a/src/BootstrapBlazor/Components/Scroll/Scroll.razor.scss b/src/BootstrapBlazor/Components/Scroll/Scroll.razor.scss
diff --git a/src/BootstrapBlazor/Components/Search/Search.razor.scss b/src/BootstrapBlazor/Components/Search/Search.razor.scss
diff --git a/src/BootstrapBlazor/Components/Segmented/Segmented.razor.scss b/src/BootstrapBlazor/Components/Segmented/Segmented.razor.scss
diff --git a/src/BootstrapBlazor/Components/Select/Select.razor.scss b/src/BootstrapBlazor/Components/Select/Select.razor.scss
diff --git a/src/BootstrapBlazor/Components/Skeleton/Skeleton.razor.scss b/src/BootstrapBlazor/Components/Skeleton/Skeleton.razor.scss
diff --git a/src/BootstrapBlazor/Components/Slider/Slider.razor.scss b/src/BootstrapBlazor/Components/Slider/Slider.razor.scss
diff --git a/src/BootstrapBlazor/Components/Speech/SpeechWave.razor.scss b/src/BootstrapBlazor/Components/Speech/SpeechWave.razor.scss
diff --git a/src/BootstrapBlazor/Components/Spinner/Spinner.razor.scss b/src/BootstrapBlazor/Components/Spinner/Spinner.razor.scss
diff --git a/src/BootstrapBlazor/Components/Split/Split.razor.scss b/src/BootstrapBlazor/Components/Split/Split.razor.scss
diff --git a/src/BootstrapBlazor/Components/Step/Step.razor.scss b/src/BootstrapBlazor/Components/Step/Step.razor.scss
diff --git a/src/BootstrapBlazor/Components/Switch/Switch.razor.scss b/src/BootstrapBlazor/Components/Switch/Switch.razor.scss
diff --git a/src/BootstrapBlazor/Components/Tab/Tab.razor.scss b/src/BootstrapBlazor/Components/Tab/Tab.razor.scss
diff --git a/src/BootstrapBlazor/Components/Tag/Tag.razor.scss b/src/BootstrapBlazor/Components/Tag/Tag.razor.scss
diff --git a/src/BootstrapBlazor/Components/Timeline/Timeline.razor.scss b/src/BootstrapBlazor/Components/Timeline/Timeline.razor.scss
diff --git a/src/BootstrapBlazor/Components/Timer/Timer.razor.scss b/src/BootstrapBlazor/Components/Timer/Timer.razor.scss
diff --git a/src/BootstrapBlazor/Components/Toggle/Toggle.razor.scss b/src/BootstrapBlazor/Components/Toggle/Toggle.razor.scss
diff --git a/src/BootstrapBlazor/Components/Transfer/Transfer.razor.scss b/src/BootstrapBlazor/Components/Transfer/Transfer.razor.scss
diff --git a/src/BootstrapBlazor/Components/TreeView/TreeView.razor.scss b/src/BootstrapBlazor/Components/TreeView/TreeView.razor.scss
diff --git a/src/BootstrapBlazor/Components/Upload/InputUpload.razor.scss b/src/BootstrapBlazor/Components/Upload/InputUpload.razor.scss
diff --git a/src/BootstrapBlazor/Components/ValidateForm/ValidateForm.razor.scss b/src/BootstrapBlazor/Components/ValidateForm/ValidateForm.razor.scss
diff --git a/src/BootstrapBlazor/Directory.Build.targets b/src/BootstrapBlazor/Directory.Build.targets
diff --git a/src/BootstrapBlazor/sasscompiler.json b/src/BootstrapBlazor/sasscompiler.json
diff --git a/src/BootstrapBlazor/wwwroot/scss/bootstrapblazor-dark.scss b/src/BootstrapBlazor/wwwroot/scss/bootstrapblazor-dark.scss
diff --git a/src/BootstrapBlazor/wwwroot/scss/components.scss b/src/BootstrapBlazor/wwwroot/scss/components.scss
diff --git a/src/BootstrapBlazor/wwwroot/scss/root.scss b/src/BootstrapBlazor/wwwroot/scss/root.scss
diff --git a/src/BootstrapBlazor/wwwroot/scss/variables.scss b/src/BootstrapBlazor/wwwroot/scss/variables.scss
diff --git a/test/UnitTest/Components/AutoFillTest.cs b/test/UnitTest/Components/AutoFillTest.cs

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@use "../../wwwroot/scss/variables" as *;`
	`2`	`+`
`1`	`3`	`.alert {`
`2`	`4`	`--bb-alert-icon-margin-right: #{$bb-alert-icon-margin-right};`
`3`	`5`	`--bb-alert-bar-width: #{$bb-alert-bar-width};`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@use "../../wwwroot/scss/variables" as *;`
	`2`	`+`
`1`	`3`	`.anchor-link {`
`2`	`4`	`--bb-anchor-link-margin-left: #{$bb-anchor-link-margin-left};`
`3`	`5`	`--bb-anchor-link-opacity: #{$bb-anchor-link-opacity};`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@use "../../wwwroot/scss/variables" as *;`
	`2`	`+`
`1`	`3`	`.auto-complete {`
`2`	`4`	`--bb-ac-padding-right: #{$bb-ac-padding-right};`
`3`	`5`	`--bb-select-append-width: #{$bb-select-append-width};`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@use "../../wwwroot/scss/variables" as *;`
	`2`	`+`
`1`	`3`	`.avatar {`
`2`	`4`	`--bb-avatar-width: #{$bb-avatar-width};`
`3`	`5`	`--bb-avatar-height: #{$bb-avatar-height};`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,6 @@`
`1`		`-.badge {`
	`1`	`+@use "../../wwwroot/scss/variables" as *;`
	`2`	`+`
	`3`	`+.badge {`
`2`	`4`	`&.text-bg-secondary, &.text-bg-light {`
`3`	`5`	`color: $bb-badge-color !important;`
`4`	`6`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@use "../../wwwroot/scss/variables" as *;`
	`2`	`+`
`1`	`3`	`.btn {`
`2`	`4`	`--bs-btn-font-size: #{$bs-btn-font-size};`
`3`	`5`	`--bs-btn-focus-box-shadow: #{$bs-btn-focus-box-shadow};`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@use "../../wwwroot/scss/variables" as *;`
	`2`	`+`
`1`	`3`	`.dial-button {`
`2`	`4`	`--bb-dial-list-zindex: #{$bb-dial-list-zindex};`
`3`	`5`	`--bb-dial-item-padding: #{$bb-dial-item-padding};`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@use "../../wwwroot/scss/variables" as *;`
	`2`	`+`
`1`	`3`	`.popover {`
`2`	`4`	`--bs-popover-min-width: #{$bb-popover-min-width};`
`3`	`5`	`--bb-popover-buttons-justify-content: #{$bb-popover-buttons-justify-content};`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@use "../../wwwroot/scss/variables" as *;`
	`2`	`+`
`1`	`3`	`.btn-pulse {`
`2`	`4`	`--bs-border-width: #{$bb-plus-button-border-width};`
`3`	`5`	`position: relative;`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@use "../../wwwroot/scss/variables" as *;`
	`2`	`+`
`1`	`3`	`.slide-button {`
`2`	`4`	`--bb-slide-list-bg: #{$bb-slide-list-bg};`
`3`	`5`	`--bb-slide-list-shadow: #{$bb-slide-list-shadow};`