ngx-edu-sharing-ui 10.0.21 → 10.0.23

package/assets/scss/material-theme.scss

@@ -1,9 +1,9 @@
 @use '@angular/material' as mat;
 @use 'angular-material-css-vars' as mat-css-vars;
 
-@import 'variables';
-@import 'variables-scss';
-@import 'branding';
+@use 'variables' as *;
+@use 'variables-scss' as *;
+@use 'branding' as *;
 
 // optional
 $mat-css-dark-theme-selector: '.isDarkTheme';

package/assets/scss/mixins.scss

@@ -1,4 +1,4 @@
-@import 'variables-root';
+@use 'variables-root' as *;
 
 @mixin clickable() {
     cursor: pointer;

package/assets/scss/variables-root.scss

@@ -1,2 +1,4 @@
 $focusColor: var(--palette-primary-300) !default;
 $focusWidth: 2px !default;
+$darkenColor: rgba(0, 0, 0, 0.75) !default;
+$darkenLightColor: rgba(0, 0, 0, 0.25) !default;

package/assets/scss/variables-scss.scss

@@ -1,5 +1,6 @@
 @use 'sass:map';
-@import 'branding';
+@forward 'variables-root';
+@forward 'branding';
 
 /**
     declarations of static scss variables
@@ -75,8 +76,6 @@ $chipsSeperatorLineColor: #e2e2e2 !default;
 $inputBorderColor: #9e9e9e !default;
 $commentsActionsSeperatorLineColor: $backgroundColor !default;
 $noResultsColor: rgba(black, 0.54) !default;
-$darkenColor: rgba(0, 0, 0, 0.75) !default;
-$darkenLightColor: rgba(0, 0, 0, 0.25) !default;
 // prefer using var(--$colorStatusPositive)
 $colorStatusPositive: #40bf8e !default;
 // prefer using var(--colorStatusNegative)
@@ -121,4 +120,4 @@ $default-chip-colors: (
 $custom-chip-colors: () !default;
 $chip-colors: map.merge($default-chip-colors, $custom-chip-colors);
 
-@import 'mixins';
+@forward 'mixins';

package/assets/scss/variables.scss

@@ -1,4 +1,4 @@
-@import './variables-scss';
+@forward './variables-scss';
 /**
     declarations of dynamic css variables
     will only be included once via angular to prevent duplicate :root entries