@type-dom/ui 0.1.2 → 0.1.3

package/src/theme-chalk/col.scss

@@ -1,48 +1,48 @@
-@use 'sass:math';
-
-@use 'common/var' as *;
-@use 'mixins/mixins' as *;
-@use 'mixins/col' as *;
-
-[class*='#{$namespace}-col-'] {
-  box-sizing: border-box;
-  @include when(guttered) {
-    display: block;
-    min-height: 1px;
-  }
-}
-
-@for $i from 0 through 24 {
-  .#{$namespace}-col-#{$i} {
-    display: if($i == 0, none, block);
-    max-width: (math.div(1, 24) * $i * 100) * 1%;
-    flex: 0 0 (math.div(1, 24) * $i * 100) * 1%;
-    @include when(guttered) {
-      display: if($i == 0, none, block);
-    }
-  }
-
-  .#{$namespace}-col-offset-#{$i} {
-    margin-left: (math.div(1, 24) * $i * 100) * 1%;
-  }
-
-  .#{$namespace}-col-pull-#{$i} {
-    position: relative;
-    right: (math.div(1, 24) * $i * 100) * 1%;
-  }
-
-  .#{$namespace}-col-push-#{$i} {
-    position: relative;
-    left: (math.div(1, 24) * $i * 100) * 1%;
-  }
-}
-
-@include col-size(xs);
-
-@include col-size(sm);
-
-@include col-size(md);
-
-@include col-size(lg);
-
-@include col-size(xl);
+@use 'sass:math';
+
+@use 'common/var' as *;
+@use 'mixins/mixins' as *;
+@use 'mixins/col' as *;
+
+[class*='#{$namespace}-col-'] {
+  box-sizing: border-box;
+  @include when(guttered) {
+    display: block;
+    min-height: 1px;
+  }
+}
+
+@for $i from 0 through 24 {
+  .#{$namespace}-col-#{$i} {
+    display: if($i == 0, none, block);
+    max-width: (math.div(1, 24) * $i * 100) * 1%;
+    flex: 0 0 (math.div(1, 24) * $i * 100) * 1%;
+    @include when(guttered) {
+      display: if($i == 0, none, block);
+    }
+  }
+
+  .#{$namespace}-col-offset-#{$i} {
+    margin-left: (math.div(1, 24) * $i * 100) * 1%;
+  }
+
+  .#{$namespace}-col-pull-#{$i} {
+    position: relative;
+    right: (math.div(1, 24) * $i * 100) * 1%;
+  }
+
+  .#{$namespace}-col-push-#{$i} {
+    position: relative;
+    left: (math.div(1, 24) * $i * 100) * 1%;
+  }
+}
+
+@include col-size(xs);
+
+@include col-size(sm);
+
+@include col-size(md);
+
+@include col-size(lg);
+
+@include col-size(xl);

package/src/theme-chalk/collapse.scss

@@ -1,70 +1,70 @@
-@use 'mixins/mixins' as *;
-@use 'mixins/var' as *;
-@use 'common/var' as *;
-@use 'common/transition';
-
-@include b(collapse) {
-  @include set-component-css-var('collapse', $collapse);
-
-  border-top: 1px solid getCssVar('collapse-border-color');
-  border-bottom: 1px solid getCssVar('collapse-border-color');
-}
-
-@include b(collapse-item) {
-  @include when(disabled) {
-    .#{$namespace}-collapse-item__header {
-      color: getCssVar('text-color-disabled');
-      cursor: not-allowed;
-    }
-  }
-  @include e(header) {
-    width: 100%;
-    padding: 0;
-    border: none;
-    display: flex;
-    align-items: center;
-    height: getCssVar('collapse-header-height');
-    line-height: getCssVar('collapse-header-height');
-    background-color: getCssVar('collapse-header-bg-color');
-    color: getCssVar('collapse-header-text-color');
-    cursor: pointer;
-    border-bottom: 1px solid getCssVar('collapse-border-color');
-    font-size: getCssVar('collapse-header-font-size');
-    font-weight: 500;
-    transition: border-bottom-color getCssVar('transition-duration');
-    outline: none;
-    @include e(arrow) {
-      margin: 0 8px 0 auto;
-      transition: transform getCssVar('transition-duration');
-      font-weight: 300;
-      @include when(active) {
-        transform: rotate(90deg);
-      }
-    }
-    &.focusing:focus:not(:hover) {
-      color: getCssVar('color-primary');
-    }
-    @include when(active) {
-      border-bottom-color: transparent;
-    }
-  }
-
-  @include e(wrap) {
-    will-change: height;
-    background-color: getCssVar('collapse-content-bg-color');
-    overflow: hidden;
-    box-sizing: border-box;
-    border-bottom: 1px solid getCssVar('collapse-border-color');
-  }
-
-  @include e(content) {
-    padding-bottom: 25px;
-    font-size: getCssVar('collapse-content-font-size');
-    color: getCssVar('collapse-content-text-color');
-    line-height: 1.769230769230769;
-  }
-
-  &:last-child {
-    margin-bottom: -1px;
-  }
-}
+@use 'mixins/mixins' as *;
+@use 'mixins/var' as *;
+@use 'common/var' as *;
+@use 'common/transition';
+
+@include b(collapse) {
+  @include set-component-css-var('collapse', $collapse);
+
+  border-top: 1px solid getCssVar('collapse-border-color');
+  border-bottom: 1px solid getCssVar('collapse-border-color');
+}
+
+@include b(collapse-item) {
+  @include when(disabled) {
+    .#{$namespace}-collapse-item__header {
+      color: getCssVar('text-color-disabled');
+      cursor: not-allowed;
+    }
+  }
+  @include e(header) {
+    width: 100%;
+    padding: 0;
+    border: none;
+    display: flex;
+    align-items: center;
+    height: getCssVar('collapse-header-height');
+    line-height: getCssVar('collapse-header-height');
+    background-color: getCssVar('collapse-header-bg-color');
+    color: getCssVar('collapse-header-text-color');
+    cursor: pointer;
+    border-bottom: 1px solid getCssVar('collapse-border-color');
+    font-size: getCssVar('collapse-header-font-size');
+    font-weight: 500;
+    transition: border-bottom-color getCssVar('transition-duration');
+    outline: none;
+    @include e(arrow) {
+      margin: 0 8px 0 auto;
+      transition: transform getCssVar('transition-duration');
+      font-weight: 300;
+      @include when(active) {
+        transform: rotate(90deg);
+      }
+    }
+    &.focusing:focus:not(:hover) {
+      color: getCssVar('color-primary');
+    }
+    @include when(active) {
+      border-bottom-color: transparent;
+    }
+  }
+
+  @include e(wrap) {
+    will-change: height;
+    background-color: getCssVar('collapse-content-bg-color');
+    overflow: hidden;
+    box-sizing: border-box;
+    border-bottom: 1px solid getCssVar('collapse-border-color');
+  }
+
+  @include e(content) {
+    padding-bottom: 25px;
+    font-size: getCssVar('collapse-content-font-size');
+    color: getCssVar('collapse-content-text-color');
+    line-height: 1.769230769230769;
+  }
+
+  &:last-child {
+    margin-bottom: -1px;
+  }
+}

package/src/theme-chalk/color/index.scss

@@ -1,20 +1,20 @@
-@use 'sass:color';
-@use 'sass:string';
-
-@function rgb2hex($color) {
-  @return string.unquote('#' + #{string.slice(color.ie-hex-str($color), 4)});
-}
-
-// rgba color above solid color
-@function mix-overlay-color($upper, $lower) {
-  $opacity: color.alpha($upper);
-
-  $red: color.channel($upper, 'red') * $opacity + color.channel($lower, 'red') *
-    (1 - $opacity);
-  $green: color.channel($upper, 'green') * $opacity +
-    color.channel($lower, 'green') * (1 - $opacity);
-  $blue: color.channel($upper, 'blue') * $opacity +
-    color.channel($lower, 'blue') * (1 - $opacity);
-
-  @return rgb2hex(rgb($red, $green, $blue));
-}
+@use 'sass:color';
+@use 'sass:string';
+
+@function rgb2hex($color) {
+  @return string.unquote('#' + #{string.slice(color.ie-hex-str($color), 4)});
+}
+
+// rgba color above solid color
+@function mix-overlay-color($upper, $lower) {
+  $opacity: color.alpha($upper);
+
+  $red: color.channel($upper, 'red') * $opacity + color.channel($lower, 'red') *
+    (1 - $opacity);
+  $green: color.channel($upper, 'green') * $opacity +
+    color.channel($lower, 'green') * (1 - $opacity);
+  $blue: color.channel($upper, 'blue') * $opacity +
+    color.channel($lower, 'blue') * (1 - $opacity);
+
+  @return rgb2hex(rgb($red, $green, $blue));
+}