ngx-sfc-common 0.0.19 → 0.0.21

package/styles/_mixins.scss

@@ -3,7 +3,11 @@
   height: $value * $multiplier;
 }
 
-@mixin theme-value($property, $value-common, $value-dark, $selector: "&") {
+@mixin theme-value($property, $value-common, $value-dark: null, $selector: "&") {
+  @if not $value-dark {
+    $value-dark: $value-common;
+  }
+
   #{$selector},
   :host-context(.sfc-default-theme) #{$selector} {
     #{$property}: $value-common;
@@ -11,6 +15,8 @@
   :host-context(.sfc-dark-theme) #{$selector} {
     #{$property}: $value-dark;
   }
+
+  transition: #{$property} $transition-duration-default $transition-timing-function-default;
 }
 
 @mixin visibility($show) {
@@ -41,26 +47,7 @@
   }
 }
 
-@mixin scroll($selector: "::ng-deep") {
-  #{$selector} ::-webkit-scrollbar {
-    @include square-size(0.375em);
-  }
-
-  #{$selector} ::-webkit-scrollbar-track {
-    border-radius: 0.625em;
-    background: rgb(0 0 0 / 10%);
-  }
-
-  #{$selector} ::-webkit-scrollbar-thumb {
-    border-radius: 0.625em;
-    background: rgb(0 0 0 / 20%);
-  }
-
-  #{$selector} ::-webkit-scrollbar-thumb:hover {
-    background: rgb(0 0 0 / 40%);
-  }
-
-  #{$selector} ::-webkit-scrollbar-thumb:active {
-    background: rgb(0 0 0 / 60%);
-  }
+@mixin text-ellipsis() {
+  text-overflow: ellipsis;
+  overflow: hidden;
 }

package/styles/_variables.scss

@@ -5,3 +5,8 @@
 
 $transition-duration-default: 0.5s;
 $transition-timing-function-default: ease;
+$modal-border-radius: 3px;
+$delimeter-common-color: rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 30%) 47%, rgb(0 0 0 / 30%) 53%, rgb(0 0 0 / 30%) 100%;
+$delimeter-dark-color: rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 40%) 47%, rgb(255 255 255 / 40%) 53%,
+  rgb(255 255 255 / 40%) 100%;
+$font-family-default: arial, helvetica, sans-serif;

package/styles/themes/_dark.scss

@@ -7,11 +7,11 @@ $background-gradient-dark: linear-gradient(
   rgb(255 255 255 / 40%) 17%,
   rgb(255 255 255 / 40%) 83%,
   rgb(255 255 255 / 0%) 100%
-);
+) !default;
 $background-gradient-vertical-dark: linear-gradient(
   to bottom,
   rgb(255 255 255 / 0%) 0%,
   rgb(255 255 255 / 40%) 17%,
   rgb(255 255 255 / 40%) 83%,
   rgb(255 255 255 / 0%) 100%
-);
+) !default;

package/styles/themes/_default.scss

@@ -8,11 +8,11 @@ $background-gradient-default: linear-gradient(
   rgb(0 0 0 / 30%) 17%,
   rgb(0 0 0 / 30%) 83%,
   rgb(0 0 0 / 0%) 100%
-);
+) !default;
 $background-gradient-vertical-default: linear-gradient(
   to bottom,
   rgb(0 0 0 / 0%) 0%,
   rgb(0 0 0 / 30%) 17%,
   rgb(0 0 0 / 30%) 83%,
   rgb(0 0 0 / 0%) 100%
-);
+) !default;