chore(Sass): bump AspNetCore.SassCompiler 1.92.1

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};

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};

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};

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};

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;
     }

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};

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};

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};

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;

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};

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};

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};

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};

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};

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};

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;

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};

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;

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;

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;

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};

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);

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;

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;

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};

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};

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};

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;
 }

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};

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};
 }

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};

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};

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};

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;

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};

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};

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};

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};

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};

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);

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);

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);

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};

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;

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};

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};

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;

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};

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;

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};

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};

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};

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};

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};

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};

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};

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};

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};

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};

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};