evui 3.3.36 → 3.3.39

package/src/style/mixins.scss

@@ -1,94 +1,94 @@
-@mixin evThemify($ev-themes: $ev-themes) {
-  @each $theme, $map in $ev-themes {
-    @if $theme == 'dark' {
-      .#{$theme} & {
-        $ev-theme-map: () !global;
-
-        @each $key, $submap in $map {
-          $value: map-get(map-get($ev-themes, $theme), '#{$key}');
-          $ev-theme-map: map-merge($ev-theme-map, ($key: $value)) !global;
-        }
-
-        /* stylelint-disable */
-        @content;
-        $ev-theme-map: null !global;
-        /* stylelint-enable */
-      }
-    }
-
-    @else {
-      $ev-theme-map: () !global;
-
-      @each $key, $submap in $map {
-        $value: map-get(map-get($ev-themes, $theme), '#{$key}');
-        $ev-theme-map: map-merge($ev-theme-map, ($key: $value)) !global;
-      }
-
-      /* stylelint-disable */
-      @content;
-      $ev-theme-map: null !global;
-      /* stylelint-enable */
-    }
-  }
-}
-@mixin state($state) {
-  @at-root {
-    &.#{$state} {
-      @content;
-    }
-  }
-}
-@mixin prefix($property, $value, $vendors: webkit moz ms o, $default: true) {
-  @if $vendors {
-    @each $vendor in $vendors {
-      #{'-' + $vendor + '-' + $property}: #{$value};
-    }
-  }
-  @if $default {
-    #{$property}: #{$value};
-  }
-}
-@mixin shortening($display: inline-block, $width: 100%, $line: 1) {
-  max-width: $width;
-  overflow: hidden;
-  text-overflow: ellipsis;
-
-  @if $line == 1 {
-    display: $display;
-    white-space: nowrap;
-  }
-
-  @else {
-    display: -webkit-box;
-    height: auto;
-    text-align: left;
-    word-wrap: break-word;
-    white-space: normal;
-    -webkit-line-clamp: $line;
-    -webkit-box-orient: vertical;
-  }
-}
-@mixin clearfix() {
-  &:after {
-    display: table;
-    clear: both;
-    content: '';
-  }
-}
-@mixin place-at-center() {
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-@mixin font-hide() {
-  font-size: 0;
-  text-indent: -999px;
-}
-@mixin visible-hide() {
-  position: absolute;
-  width: 0;
-  height: 0;
-  visibility: hidden;
-  overflow: hidden;
-  z-index: -1;
-}
+@mixin evThemify($ev-themes: $ev-themes) {
+  @each $theme, $map in $ev-themes {
+    @if $theme == 'dark' {
+      .#{$theme} & {
+        $ev-theme-map: () !global;
+
+        @each $key, $submap in $map {
+          $value: map-get(map-get($ev-themes, $theme), '#{$key}');
+          $ev-theme-map: map-merge($ev-theme-map, ($key: $value)) !global;
+        }
+
+        /* stylelint-disable */
+        @content;
+        $ev-theme-map: null !global;
+        /* stylelint-enable */
+      }
+    }
+
+    @else {
+      $ev-theme-map: () !global;
+
+      @each $key, $submap in $map {
+        $value: map-get(map-get($ev-themes, $theme), '#{$key}');
+        $ev-theme-map: map-merge($ev-theme-map, ($key: $value)) !global;
+      }
+
+      /* stylelint-disable */
+      @content;
+      $ev-theme-map: null !global;
+      /* stylelint-enable */
+    }
+  }
+}
+@mixin state($state) {
+  @at-root {
+    &.#{$state} {
+      @content;
+    }
+  }
+}
+@mixin prefix($property, $value, $vendors: webkit moz ms o, $default: true) {
+  @if $vendors {
+    @each $vendor in $vendors {
+      #{'-' + $vendor + '-' + $property}: #{$value};
+    }
+  }
+  @if $default {
+    #{$property}: #{$value};
+  }
+}
+@mixin shortening($display: inline-block, $width: 100%, $line: 1) {
+  max-width: $width;
+  overflow: hidden;
+  text-overflow: ellipsis;
+
+  @if $line == 1 {
+    display: $display;
+    white-space: nowrap;
+  }
+
+  @else {
+    display: -webkit-box;
+    height: auto;
+    text-align: left;
+    word-wrap: break-word;
+    white-space: normal;
+    -webkit-line-clamp: $line;
+    -webkit-box-orient: vertical;
+  }
+}
+@mixin clearfix() {
+  &:after {
+    display: table;
+    clear: both;
+    content: '';
+  }
+}
+@mixin place-at-center() {
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+@mixin font-hide() {
+  font-size: 0;
+  text-indent: -999px;
+}
+@mixin visible-hide() {
+  position: absolute;
+  width: 0;
+  height: 0;
+  visibility: hidden;
+  overflow: hidden;
+  z-index: -1;
+}

package/src/style/themes.scss

@@ -1,67 +1,67 @@
-@import 'variables';
-
-$ev-themes: (
-  light: (
-    /* primary color
-    ------------------------- */
-    primary: #1A6AFE,
-    info: #5AC8FA,
-    success: #00CC47,
-    warning: #FF9500,
-    error: #FF3B30,
-    selected: #730EF4,
-    not-allow: #B01012,
-    disabled: #B2B2B2,
-    default: #666666,
-
-    /* common
-    -------------------------- */
-    font-base: $color-black,
-    border-base: #B2B2B2,
-    border-light: #E3E3E3,
-    background-base: $color-white,
-    background-lighten: rgba(#B2B2B2, 0.1),
-
-    /* components
-    -------------------------- */
-    slider-mark-background: #F8F8F8,
-    tooltip-background: $color-black,
-
-    /* grid
-    -------------------------- */
-    grid-header-border: #7F7F7F,
-    grid-bottom-border: #CFCFCF,
-    grid-row-selected: rgba(#DBF0F9, 0.6),
-    grid-cell-text: rgba(#191919, 0.8),
-    grid-row-stripe: rgba(#E5E5E5, 0.6),
-    grid-filter-add-background: #E5E5E5,
-    grid-filter-add-label: #4C4C4C,
-    grid-filter-add-split: #B2B2B2,
-  ),
-  dark: (
-    /* primary color
-    ------------------------- */
-    primary: #007AFF,
-    info: #64D2FF,
-    success: #32D74B,
-    warning: #FF9F0A,
-    error: #FF453A,
-    selected: #791BF2,
-    not-allow: #B01012,
-    disabled: #555555,
-    default: #444444,
-
-    /* common
-    -------------------------- */
-    font-base: $color-white,
-    border-base: #666666,
-    border-light: #333333,
-    background-base: $color-black,
-    background-lighten: rgba(#666666, 0.3),
-
-    /* components
-    -------------------------- */
-    slider-mark-background: #B2B2B2,
-    tooltip-background: #555555,
-  ),
-) !default;
+@import 'variables';
+
+$ev-themes: (
+  light: (
+    /* primary color
+    ------------------------- */
+    primary: #1A6AFE,
+    info: #5AC8FA,
+    success: #00CC47,
+    warning: #FF9500,
+    error: #FF3B30,
+    selected: #730EF4,
+    not-allow: #B01012,
+    disabled: #B2B2B2,
+    default: #666666,
+
+    /* common
+    -------------------------- */
+    font-base: $color-black,
+    border-base: #B2B2B2,
+    border-light: #E3E3E3,
+    background-base: $color-white,
+    background-lighten: rgba(#B2B2B2, 0.1),
+
+    /* components
+    -------------------------- */
+    slider-mark-background: #F8F8F8,
+    tooltip-background: $color-black,
+
+    /* grid
+    -------------------------- */
+    grid-header-border: #7F7F7F,
+    grid-bottom-border: #CFCFCF,
+    grid-row-selected: rgba(#DBF0F9, 0.6),
+    grid-cell-text: rgba(#191919, 0.8),
+    grid-row-stripe: rgba(#E5E5E5, 0.6),
+    grid-filter-add-background: #E5E5E5,
+    grid-filter-add-label: #4C4C4C,
+    grid-filter-add-split: #B2B2B2,
+  ),
+  dark: (
+    /* primary color
+    ------------------------- */
+    primary: #007AFF,
+    info: #64D2FF,
+    success: #32D74B,
+    warning: #FF9F0A,
+    error: #FF453A,
+    selected: #791BF2,
+    not-allow: #B01012,
+    disabled: #555555,
+    default: #444444,
+
+    /* common
+    -------------------------- */
+    font-base: $color-white,
+    border-base: #666666,
+    border-light: #333333,
+    background-base: $color-black,
+    background-lighten: rgba(#666666, 0.3),
+
+    /* components
+    -------------------------- */
+    slider-mark-background: #B2B2B2,
+    tooltip-background: #555555,
+  ),
+) !default;

package/src/style/variables.scss

@@ -1,22 +1,22 @@
-// Font
-$font-size-base: 12px !default;
-$font-size-small: 11px !default;
-$font-size-medium: 14px !default;
-$font-size-large: 16px !default;
-
-$font-weight-base: 400 !default;
-$font-family-base: inherit !default;
-
-// Common Color
-$color-white: #FFFFFF !default;
-$color-black: #0D0D0D !default;
-
-// animate level
-$animate-base: 0.3s ease-in-out !default;
-$animate-fast: 0.2s ease-in-out !default;
-
-// layout
-$default-radius: 4px;
-$input-default-height: 35px;
-$textarea-default-height: 100px;
-$input-default-padding: 15px;
+// Font
+$font-size-base: 12px !default;
+$font-size-small: 11px !default;
+$font-size-medium: 14px !default;
+$font-size-large: 16px !default;
+
+$font-weight-base: 400 !default;
+$font-family-base: inherit !default;
+
+// Common Color
+$color-white: #FFFFFF !default;
+$color-black: #0D0D0D !default;
+
+// animate level
+$animate-base: 0.3s ease-in-out !default;
+$animate-fast: 0.2s ease-in-out !default;
+
+// layout
+$default-radius: 4px;
+$input-default-height: 35px;
+$textarea-default-height: 100px;
+$input-default-padding: 15px;