@syncfusion/ej2-base 25.2.7 → 26.1.35-7502

package/styles/common/_all.scss

@@ -1,2 +1,2 @@
-@import 'mixin.scss';
-@import 'core.scss';
+@import 'mixin.scss';
+@import 'core.scss';

package/styles/common/_core.scss

@@ -1,117 +1,111 @@
-@include export-module('base-core') {
-
-  /*! common core */
-  .e-control,
-  .e-css  {
-    font-family: $font-family;
-    font-size: $font-size;
-    font-weight: $font-weight;
-  }
-
-  $white: #fff;
-  $background: #e82824;
-
-  $warning: #ffd800;
-  $yellow: #ffff00;
-  .e-error {
-    @if $skin-name == 'Material3' {
-      color: rgba($error-font-color);
-    }
-    @else {
-      color: $error-font-color;
-    }
-    font-family: $font-family;
-    font-size: $font-size;
-    font-weight: $font-weight;
-  }
-
-  .e-control,
-  .e-control [class ^= 'e-'],
-  .e-control [class *= ' e-'] {
-    box-sizing: border-box;
-  }
-
-  .e-control:focus,
-  .e-control *:focus {
-    outline: none;
-  }
-
-  .e-rtl {
-    direction: rtl;
-    text-align: right;
-  }
-
-  .e-overlay {
-    background-color: $overlay-bg-color;
-    filter: alpha(opacity=50);
-    height: 100%;
-    opacity: .5;
-    pointer-events: none;
-    touch-action: none;
-    width: 100%;
-  }
-
-  .e-hidden {
-    display: none;
-  }
-
-  .e-blazor-hidden {
-    visibility: hidden;
-  }
-
-  .e-disabled {
-    background-image: none;
-    cursor: default;
-    filter: alpha(Opacity=35);
-    opacity: .35;
-  }
-
-  .e-ul {
-    list-style-type: none;
-  }
-
-  .e-prevent-select {
-    user-select: none;
-  }
-
-  .e-warning {
-    @if $skin-name == 'Material3' {
-      color: rgba($warning-font-color);
-    }
-    @else {
-      color: $warning-font-color;
-    }
-  }
-
-  .e-success {
-    @if $skin-name == 'Material3' {
-      color: rgba($success-font-color);
-    }
-    @else {
-      color: $success-font-color;
-    }
-  }
-
-  .e-information {
-    @if $skin-name == 'Material3' {
-      color: rgba($information-font-color);
-    }
-    @else {
-      color: $information-font-color;
-    }
-  }
-
-  .e-block-touch {
-    touch-action: pinch-zoom;
-  }
-  .e-license {
-    color: $yellow;
-    text-decoration: none;
-  }
-  .e-license-banner {
-    position: absolute;
-    right: 10px;
-    top: 27%;
-    cursor: pointer;
-  }
-}
+@include export-module('base-core') {
+
+  .e-control,
+  .e-css,
+  .e-error {
+    font-family: $font-family;
+    font-size: $font-size;
+    font-weight: $font-weight;
+  }
+
+  $white: #fff;
+  $background: #e82824;
+  $warning: #ffd800;
+  $yellow: #ff0;
+  .e-error {
+    @if $skin-name == 'Material3' {
+      color: rgba($error-font-color);
+    }
+    @else {
+      color: $error-font-color;
+    }
+  }
+
+  .e-control,
+  .e-control [class ^= 'e-'],
+  .e-control [class *= ' e-'] {
+    box-sizing: border-box;
+  }
+
+  .e-control:focus,
+  .e-control *:focus {
+    outline: none;
+  }
+
+  .e-rtl {
+    direction: rtl;
+    text-align: right;
+  }
+
+  .e-overlay {
+    background-color: $overlay-bg-color;
+    height: 100%;
+    opacity: .5;
+    pointer-events: none;
+    touch-action: none;
+    width: 100%;
+  }
+
+  .e-hidden {
+    display: none;
+  }
+
+  .e-blazor-hidden {
+    visibility: hidden;
+  }
+
+  .e-disabled {
+    background-image: none;
+    cursor: default;
+    opacity: .35;
+  }
+
+  .e-ul {
+    list-style-type: none;
+  }
+
+  .e-prevent-select {
+    user-select: none;
+  }
+
+  .e-warning {
+    @if $skin-name == 'Material3' {
+      color: rgba($warning-font-color);
+    }
+    @else {
+      color: $warning-font-color;
+    }
+  }
+
+  .e-success {
+    @if $skin-name == 'Material3' {
+      color: rgba($success-font-color);
+    }
+    @else {
+      color: $success-font-color;
+    }
+  }
+
+  .e-information {
+    @if $skin-name == 'Material3' {
+      color: rgba($information-font-color);
+    }
+    @else {
+      color: $information-font-color;
+    }
+  }
+
+  .e-block-touch {
+    touch-action: pinch-zoom;
+  }
+  .e-license {
+    color: $yellow;
+    text-decoration: none;
+  }
+  .e-license-banner {
+    position: absolute;
+    right: 10px;
+    top: 27%;
+    cursor: pointer;
+  }
+}

package/styles/common/_mixin.scss

@@ -1,9 +1,11 @@
-$css: '' !default;
-$imported-modules: () !default;
-
-@mixin export-module($module) {
-  @if (index($imported-modules, $module) == null) {
-    $imported-modules: append($imported-modules, $module) !global;
-    @content;
-  }
-}
+@use 'sass:list';
+
+$css: '' !default;
+$imported-modules: () !default;
+
+@mixin export-module($module) {
+  @if (list.index($imported-modules, $module) == null) {
+    $imported-modules: list.append($imported-modules, $module) !global;
+    @content;
+  }
+}