adtec-core-package 0.2.3 → 0.2.4

package/src/css/elementUI/timeline-item.scss

@@ -1,84 +1,84 @@
-@use 'mixins/mixins' as *;
-@use 'common/var' as *;
-
-@include b(timeline-item) {
-  position: relative;
-  padding-bottom: 20px;
-
-  @include e(wrapper) {
-    position: relative;
-    padding-left: 28px;
-    top: -3px;
-  }
-
-  @include e(tail) {
-    position: absolute;
-    left: 4px;
-    height: 100%;
-    border-left: 2px solid getCssVar('timeline-node-color');
-  }
-
-  & .#{$namespace}-timeline-item__icon {
-    color: getCssVar('color-white');
-    font-size: getCssVar('font-size-small');
-  }
-
-  @include e(node) {
-    position: absolute;
-    background-color: getCssVar('timeline-node-color');
-    border-color: getCssVar('timeline-node-color');
-    border-radius: 50%;
-    box-sizing: border-box;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-
-    @include m(normal) {
-      left: -1px;
-      width: getCssVar('timeline-node-size-normal');
-      height: getCssVar('timeline-node-size-normal');
-    }
-    @include m(large) {
-      left: -2px;
-      width: getCssVar('timeline-node-size-large');
-      height: getCssVar('timeline-node-size-large');
-    }
-    @include when(hollow) {
-      background: getCssVar('color-white');
-      border-style: solid;
-      border-width: 2px;
-    }
-
-    @each $type in (primary, success, warning, danger, info) {
-      @include m($type) {
-        background-color: getCssVar('color', $type);
-        border-color: getCssVar('color', $type);
-      }
-    }
-  }
-
-  @include e(dot) {
-    position: absolute;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-
-  @include e(content) {
-    color: getCssVar('text-color', 'primary');
-  }
-
-  @include e(timestamp) {
-    color: getCssVar('text-color', 'secondary');
-    line-height: 1;
-    font-size: getCssVar('font-size-small');
-
-    @include when(top) {
-      margin-bottom: 8px;
-      padding-top: 4px;
-    }
-    @include when(bottom) {
-      margin-top: 8px;
-    }
-  }
-}
+@use 'mixins/mixins' as *;
+@use 'common/var' as *;
+
+@include b(timeline-item) {
+  position: relative;
+  padding-bottom: 20px;
+
+  @include e(wrapper) {
+    position: relative;
+    padding-left: 28px;
+    top: -3px;
+  }
+
+  @include e(tail) {
+    position: absolute;
+    left: 4px;
+    height: 100%;
+    border-left: 2px solid getCssVar('timeline-node-color');
+  }
+
+  & .#{$namespace}-timeline-item__icon {
+    color: getCssVar('color-white');
+    font-size: getCssVar('font-size-small');
+  }
+
+  @include e(node) {
+    position: absolute;
+    background-color: getCssVar('timeline-node-color');
+    border-color: getCssVar('timeline-node-color');
+    border-radius: 50%;
+    box-sizing: border-box;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    @include m(normal) {
+      left: -1px;
+      width: getCssVar('timeline-node-size-normal');
+      height: getCssVar('timeline-node-size-normal');
+    }
+    @include m(large) {
+      left: -2px;
+      width: getCssVar('timeline-node-size-large');
+      height: getCssVar('timeline-node-size-large');
+    }
+    @include when(hollow) {
+      background: getCssVar('color-white');
+      border-style: solid;
+      border-width: 2px;
+    }
+
+    @each $type in (primary, success, warning, danger, info) {
+      @include m($type) {
+        background-color: getCssVar('color', $type);
+        border-color: getCssVar('color', $type);
+      }
+    }
+  }
+
+  @include e(dot) {
+    position: absolute;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  @include e(content) {
+    color: getCssVar('text-color', 'primary');
+  }
+
+  @include e(timestamp) {
+    color: getCssVar('text-color', 'secondary');
+    line-height: 1;
+    font-size: getCssVar('font-size-small');
+
+    @include when(top) {
+      margin-bottom: 8px;
+      padding-top: 4px;
+    }
+    @include when(bottom) {
+      margin-top: 8px;
+    }
+  }
+}

package/src/css/elementUI/timeline.scss

@@ -1,46 +1,46 @@
-@use 'mixins/mixins' as *;
-@use 'mixins/var' as *;
-@use 'common/var' as *;
-
-@include b(timeline) {
-  @include set-component-css-var('timeline', $timeline);
-}
-
-@include b(timeline) {
-  margin: 0;
-  font-size: getCssVar('font-size', 'base');
-  list-style: none;
-
-  .#{$namespace}-timeline-item:last-child {
-    .#{$namespace}-timeline-item__tail {
-      display: none;
-    }
-  }
-
-  .#{$namespace}-timeline-item__center {
-    display: flex;
-    align-items: center;
-
-    .#{$namespace}-timeline-item__wrapper {
-      width: 100%;
-    }
-
-    .#{$namespace}-timeline-item__tail {
-      top: 0;
-    }
-  }
-
-  .#{$namespace}-timeline-item__center:first-child {
-    .#{$namespace}-timeline-item__tail {
-      height: calc(50% + 10px);
-      top: calc(50% - 10px);
-    }
-  }
-
-  .#{$namespace}-timeline-item__center:last-child {
-    .#{$namespace}-timeline-item__tail {
-      display: block;
-      height: calc(50% - 10px);
-    }
-  }
-}
+@use 'mixins/mixins' as *;
+@use 'mixins/var' as *;
+@use 'common/var' as *;
+
+@include b(timeline) {
+  @include set-component-css-var('timeline', $timeline);
+}
+
+@include b(timeline) {
+  margin: 0;
+  font-size: getCssVar('font-size', 'base');
+  list-style: none;
+
+  .#{$namespace}-timeline-item:last-child {
+    .#{$namespace}-timeline-item__tail {
+      display: none;
+    }
+  }
+
+  .#{$namespace}-timeline-item__center {
+    display: flex;
+    align-items: center;
+
+    .#{$namespace}-timeline-item__wrapper {
+      width: 100%;
+    }
+
+    .#{$namespace}-timeline-item__tail {
+      top: 0;
+    }
+  }
+
+  .#{$namespace}-timeline-item__center:first-child {
+    .#{$namespace}-timeline-item__tail {
+      height: calc(50% + 10px);
+      top: calc(50% - 10px);
+    }
+  }
+
+  .#{$namespace}-timeline-item__center:last-child {
+    .#{$namespace}-timeline-item__tail {
+      display: block;
+      height: calc(50% - 10px);
+    }
+  }
+}

package/src/css/elementUI/tooltip-v2.scss

@@ -1,95 +1,95 @@
-@use 'mixins/mixins' as *;
-@use 'mixins/var' as *;
-@use 'common/var' as *;
-
-@include b(tooltip-v2) {
-  @include e(content) {
-    --#{$namespace}-tooltip-v2-padding: 5px 10px;
-    --#{$namespace}-tooltip-v2-border-radius: 4px;
-
-    @include css-var-from-global(
-      ('tooltip-v2', 'border-color'),
-      ('border-color')
-    );
-
-    border-radius: getCssVar('tooltip-v2-border-radius');
-    color: getCssVar('color-black');
-    background-color: getCssVar('color-white');
-    padding: getCssVar('tooltip-v2-padding');
-    border: 1px solid getCssVar('border-color');
-
-    $content-selector: &;
-
-    $sides: (
-      'top': 'bottom',
-      'bottom': 'top',
-      'left': 'right',
-      'right': 'left',
-    );
-
-    @include e(arrow) {
-      position: absolute;
-      color: getCssVar('color-white');
-      width: var(--#{$namespace}-tooltip-v2-arrow-width);
-      height: var(--#{$namespace}-tooltip-v2-arrow-height);
-      pointer-events: none;
-      left: var(--#{$namespace}-tooltip-v2-arrow-x);
-      top: var(--#{$namespace}-tooltip-v2-arrow-y);
-
-      &::before {
-        content: '';
-        width: 0;
-        height: 0;
-        border: var(--#{$namespace}-tooltip-v2-arrow-border-width) solid
-          transparent;
-        position: absolute;
-      }
-
-      &::after {
-        content: '';
-        width: 0;
-        height: 0;
-        border: var(--#{$namespace}-tooltip-v2-arrow-border-width) solid
-          transparent;
-        position: absolute;
-      }
-
-      @each $side, $opposite in $sides {
-        #{$content-selector}[data-side^='#{$side}'] & {
-          #{$opposite}: 0;
-        }
-
-        #{$content-selector}[data-side^='#{$side}'] &::before {
-          border-#{$side}-color: var(--#{$namespace}-color-white);
-          border-#{$side}-width: var(
-            --#{$namespace}-tooltip-v2-arrow-border-width
-          );
-          border-#{$opposite}: 0;
-          #{$side}: calc(100% - 1px);
-        }
-
-        #{$content-selector}[data-side^='#{$side}'] &::after {
-          border-#{$side}-color: var(--#{$namespace}-border-color);
-          border-#{$side}-width: var(
-            --#{$namespace}-tooltip-v2-arrow-border-width
-          );
-          border-#{$opposite}: 0;
-          #{$side}: 100%;
-          z-index: -1;
-        }
-      }
-    }
-
-    &.is-dark {
-      --#{$namespace}-tooltip-v2-border-color: transparent;
-      background-color: getCssVar('color-black');
-      color: getCssVar('color-white');
-      border-color: transparent;
-
-      @include e(arrow) {
-        background-color: getCssVar('color-black');
-        border-color: transparent;
-      }
-    }
-  }
-}
+@use 'mixins/mixins' as *;
+@use 'mixins/var' as *;
+@use 'common/var' as *;
+
+@include b(tooltip-v2) {
+  @include e(content) {
+    --#{$namespace}-tooltip-v2-padding: 5px 10px;
+    --#{$namespace}-tooltip-v2-border-radius: 4px;
+
+    @include css-var-from-global(
+      ('tooltip-v2', 'border-color'),
+      ('border-color')
+    );
+
+    border-radius: getCssVar('tooltip-v2-border-radius');
+    color: getCssVar('color-black');
+    background-color: getCssVar('color-white');
+    padding: getCssVar('tooltip-v2-padding');
+    border: 1px solid getCssVar('border-color');
+
+    $content-selector: &;
+
+    $sides: (
+      'top': 'bottom',
+      'bottom': 'top',
+      'left': 'right',
+      'right': 'left',
+    );
+
+    @include e(arrow) {
+      position: absolute;
+      color: getCssVar('color-white');
+      width: var(--#{$namespace}-tooltip-v2-arrow-width);
+      height: var(--#{$namespace}-tooltip-v2-arrow-height);
+      pointer-events: none;
+      left: var(--#{$namespace}-tooltip-v2-arrow-x);
+      top: var(--#{$namespace}-tooltip-v2-arrow-y);
+
+      &::before {
+        content: '';
+        width: 0;
+        height: 0;
+        border: var(--#{$namespace}-tooltip-v2-arrow-border-width) solid
+          transparent;
+        position: absolute;
+      }
+
+      &::after {
+        content: '';
+        width: 0;
+        height: 0;
+        border: var(--#{$namespace}-tooltip-v2-arrow-border-width) solid
+          transparent;
+        position: absolute;
+      }
+
+      @each $side, $opposite in $sides {
+        #{$content-selector}[data-side^='#{$side}'] & {
+          #{$opposite}: 0;
+        }
+
+        #{$content-selector}[data-side^='#{$side}'] &::before {
+          border-#{$side}-color: var(--#{$namespace}-color-white);
+          border-#{$side}-width: var(
+            --#{$namespace}-tooltip-v2-arrow-border-width
+          );
+          border-#{$opposite}: 0;
+          #{$side}: calc(100% - 1px);
+        }
+
+        #{$content-selector}[data-side^='#{$side}'] &::after {
+          border-#{$side}-color: var(--#{$namespace}-border-color);
+          border-#{$side}-width: var(
+            --#{$namespace}-tooltip-v2-arrow-border-width
+          );
+          border-#{$opposite}: 0;
+          #{$side}: 100%;
+          z-index: -1;
+        }
+      }
+    }
+
+    &.is-dark {
+      --#{$namespace}-tooltip-v2-border-color: transparent;
+      background-color: getCssVar('color-black');
+      color: getCssVar('color-white');
+      border-color: transparent;
+
+      @include e(arrow) {
+        background-color: getCssVar('color-black');
+        border-color: transparent;
+      }
+    }
+  }
+}