@loftyshaky/shared 0.0.30 → 0.0.34

package/scss/shared/links.scss

@@ -1,11 +1,11 @@
-.link {
-    display: table;
-    text-decoration: none;
-    border: 0;
-    padding: 0;
-    cursor: pointer;
-}
-
-.link:not(:first-child) {
-    margin-top: $gap;
-}
+.link {
+    display: table;
+    text-decoration: none;
+    border: 0;
+    padding: 0;
+    cursor: pointer;
+}
+
+.link:not(:first-child) {
+    margin-top: $gap;
+}

package/scss/shared/mixins.scss

@@ -1,130 +1,130 @@
-$border_width_thick: 2px;
-
-@mixin full_dims {
-    width: 100%;
-    height: 100%;
-}
-
-@mixin top_left {
-    top: 0;
-    left: 0;
-}
-
-@mixin full_spread {
-    @include full_dims;
-    @include top_left;
-}
-
-@mixin max_z_index {
-    z-index: 2147483647;
-}
-
-@mixin center_flex {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-@mixin center_translate {
-    margin: auto;
-    left: 50%;
-    top: 50%;
-    transform: translate(-50%, -50%);
-}
-
-@mixin btn {
-    background-color: transparent;
-    outline: none;
-    cursor: pointer;
-    border: 0;
-    padding: 0;
-}
-
-@mixin text_btn_svg {
-    height: 16px;
-    width: 16px;
-    display: block;
-}
-
-@mixin input_basic {
-    border: 0;
-    outline: none;
-}
-
-$box_shadow_for_mixin: rgba(0, 0, 0, 0.3) 0 0 2px, rgba(0, 0, 0, 0.3) 0 4px 8px;
-
-@mixin box_shadow {
-    box-shadow: $box_shadow_for_mixin;
-}
-
-@mixin box_shadow_important {
-    box-shadow: $box_shadow_for_mixin !important;
-}
-
-@mixin border {
-    border-width: $border_width;
-    border-style: solid;
-}
-
-@mixin border_transparent {
-    @include border;
-
-    border-color: transparent;
-}
-
-@mixin border_top {
-    border-top-width: $border_width;
-    border-top-style: solid;
-}
-
-@mixin border_bottom {
-    border-bottom-width: $border_width;
-    border-bottom-style: solid;
-}
-
-@mixin border_left {
-    border-left-width: $border_width;
-    border-left-style: solid;
-}
-
-@mixin border_right {
-    border-right-width: $border_width;
-    border-right-style: solid;
-}
-
-@mixin white_border {
-    border: $border_width solid white;
-}
-
-@mixin black_border {
-    border: $border_width solid $black;
-}
-
-@mixin blue_border {
-    border: $border_width solid $blue;
-}
-
-@mixin border_bottom {
-    border-bottom-width: $border_width;
-    border-bottom-style: solid;
-}
-
-@mixin outline_solid {
-    outline-width: $border_width;
-    outline-style: solid;
-}
-
-@mixin outline_dashed {
-    outline-width: $border_width;
-    outline-style: dashed;
-}
-
-@mixin outline_solid_thick {
-    outline-width: $border_width_thick;
-    outline-style: solid;
-}
-
-@mixin outline_dashed_thick {
-    outline-width: $border_width_thick;
-    outline-style: dashed;
-}
+$border_width_thick: 2px;
+
+@mixin full_dims {
+    width: 100%;
+    height: 100%;
+}
+
+@mixin top_left {
+    top: 0;
+    left: 0;
+}
+
+@mixin full_spread {
+    @include full_dims;
+    @include top_left;
+}
+
+@mixin max_z_index {
+    z-index: 2147483647;
+}
+
+@mixin center_flex {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+@mixin center_translate {
+    margin: auto;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+}
+
+@mixin btn {
+    background-color: transparent;
+    outline: none;
+    cursor: pointer;
+    border: 0;
+    padding: 0;
+}
+
+@mixin text_btn_svg {
+    height: 16px;
+    width: 16px;
+    display: block;
+}
+
+@mixin input_basic {
+    border: 0;
+    outline: none;
+}
+
+$box_shadow_for_mixin: rgba(0, 0, 0, 0.3) 0 0 2px, rgba(0, 0, 0, 0.3) 0 4px 8px;
+
+@mixin box_shadow {
+    box-shadow: $box_shadow_for_mixin;
+}
+
+@mixin box_shadow_important {
+    box-shadow: $box_shadow_for_mixin !important;
+}
+
+@mixin border {
+    border-width: $border_width;
+    border-style: solid;
+}
+
+@mixin border_transparent {
+    @include border;
+
+    border-color: transparent;
+}
+
+@mixin border_top {
+    border-top-width: $border_width;
+    border-top-style: solid;
+}
+
+@mixin border_bottom {
+    border-bottom-width: $border_width;
+    border-bottom-style: solid;
+}
+
+@mixin border_left {
+    border-left-width: $border_width;
+    border-left-style: solid;
+}
+
+@mixin border_right {
+    border-right-width: $border_width;
+    border-right-style: solid;
+}
+
+@mixin white_border {
+    border: $border_width solid white;
+}
+
+@mixin black_border {
+    border: $border_width solid $black;
+}
+
+@mixin blue_border {
+    border: $border_width solid $blue;
+}
+
+@mixin border_bottom {
+    border-bottom-width: $border_width;
+    border-bottom-style: solid;
+}
+
+@mixin outline_solid {
+    outline-width: $border_width;
+    outline-style: solid;
+}
+
+@mixin outline_dashed {
+    outline-width: $border_width;
+    outline-style: dashed;
+}
+
+@mixin outline_solid_thick {
+    outline-width: $border_width_thick;
+    outline-style: solid;
+}
+
+@mixin outline_dashed_thick {
+    outline-width: $border_width_thick;
+    outline-style: dashed;
+}

package/scss/shared/mods.scss

@@ -1,22 +1,35 @@
-.opacity_1 {
-    opacity: 1 !important;
-}
-
-.opacity_0 {
-    opacity: 0 !important;
-}
-
-.none {
-    display: none !important;
-}
-
-.hidden {
-    position: fixed !important;
-    visibility: hidden !important;
-    top: 99999px !important;
-}
-
-.border {
-    border-width: 1px !important;
-    border-style: solid !important;
-}
+.opacity_1 {
+    opacity: 1 !important;
+}
+
+.opacity_0 {
+    opacity: 0 !important;
+}
+
+.none {
+    display: none !important;
+}
+
+.hidden {
+    position: fixed !important;
+    visibility: hidden !important;
+    top: 99999px !important;
+}
+
+.border {
+    border-width: 1px !important;
+    border-style: solid !important;
+}
+
+.is_disabled {
+    opacity: 0.3 !important;
+    pointer-events: none !important;
+}
+
+.pointer_events_none {
+    pointer-events: none !important;
+}
+
+.cursor_default {
+    cursor: default !important;
+}

package/scss/shared/range.scss

@@ -1,45 +1,46 @@
-$range_track_height: 12px;
-$lower_fill_offset_top: 8px;
-
-.input_item {
-    .range {
-        .input {
-            appearance: none;
-            padding: 0;
-            background-color: transparent;
-            cursor: pointer;
-
-            &::-webkit-slider-thumb {
-                appearance: none;
-                width: $range_track_height;
-                height: $input_height;
-                margin-top: -$lower_fill_offset_top;
-            }
-
-            &::-webkit-slider-runnable-track {
-                @include outline_solid;
-
-                height: $range_track_height;
-                outline-offset: -1px;
-            }
-        }
-
-        .lower_fill {
-            position: absolute;
-            height: $range_track_height;
-            top: $lower_fill_offset_top;
-            pointer-events: none;
-        }
-    }
-
-    .displayed_val {
-        font-size: $font_small;
-        width: max-content;
-        margin-left: auto;
-        margin-top: $gap_small;
-
-        &.help_is_present {
-            margin-right: $input_height;
-        }
-    }
-}
+$range_track_height: 12px;
+$lower_fill_offset_top: 8px;
+
+.input_item {
+    .range {
+        .input {
+            min-width: inherit;
+            appearance: none;
+            padding: 0;
+            background-color: transparent;
+            cursor: pointer;
+
+            &::-webkit-slider-thumb {
+                appearance: none;
+                width: $range_track_height;
+                height: $input_height;
+                margin-top: -$lower_fill_offset_top;
+            }
+
+            &::-webkit-slider-runnable-track {
+                @include outline_solid;
+
+                height: $range_track_height;
+                outline-offset: -1px;
+            }
+        }
+
+        .lower_fill {
+            position: absolute;
+            height: $range_track_height;
+            top: $lower_fill_offset_top;
+            pointer-events: none;
+        }
+    }
+
+    .displayed_val {
+        font-size: $font_small;
+        width: max-content;
+        margin-left: auto;
+        margin-top: $gap_small;
+
+        &.help_is_present {
+            margin-right: $input_height;
+        }
+    }
+}

package/scss/shared/scrollbar.scss

@@ -1,32 +1,35 @@
-$thumb_border: 5px solid transparent;
-
-::-webkit-scrollbar {
-    width: 17px;
-}
-
-::-webkit-scrollbar-thumb {
-    background-clip: content-box;
-}
-
-::-webkit-resizer {
-    @include border_top;
-    @include border_left;
-}
-
-::-webkit-scrollbar-track:vertical {
-    @include border_left;
-}
-
-::-webkit-scrollbar-track:horizontal {
-    @include border_top;
-}
-
-::-webkit-scrollbar-thumb:vertical {
-    border-left: $thumb_border;
-    border-right: $thumb_border;
-}
-
-::-webkit-scrollbar-thumb:horizontal {
-    border-top: $thumb_border;
-    border-bottom: $thumb_border;
-}
+$thumb_border_left: 5px solid transparent;
+$thumb_border_right: 4px solid transparent;
+
+:not(html):not(body):not(select) {
+    &::-webkit-scrollbar {
+        width: 17px;
+    }
+
+    &::-webkit-scrollbar-thumb {
+        background-clip: content-box;
+    }
+
+    &::-webkit-resizer {
+        @include border_top;
+        @include border_left;
+    }
+
+    &::-webkit-scrollbar-track:vertical {
+        @include border_left;
+    }
+
+    &::-webkit-scrollbar-track:horizontal {
+        @include border_top;
+    }
+
+    &::-webkit-scrollbar-thumb:vertical {
+        border-left: $thumb_border_left;
+        border-right: $thumb_border_right;
+    }
+
+    &::-webkit-scrollbar-thumb:horizontal {
+        border-top: $thumb_border_left;
+        border-bottom: $thumb_border_right;
+    }
+}

package/scss/shared/selects.scss

@@ -1,14 +1,14 @@
-$arrow_offset: 11px;
-$separator_offset: 7px;
-
-.input_item select.input {
-    /* stylelint-disable-next-line property-no-vendor-prefix */
-    -webkit-appearance: none;
-    /* stylelint-disable-next-line property-no-vendor-prefix */
-    -moz-appearance: none;
-    background-position: calc(100% - 16px) $arrow_offset, calc(100% - 10px) $arrow_offset,
-        calc(100% - 33px) $separator_offset;
-    background-size: 6px 6px, 6px 6px, 1px 14px;
-    background-repeat: no-repeat;
-    padding-right: 44px;
-}
+$arrow_offset: 11px;
+$separator_offset: 7px;
+
+.input_item select.input {
+    /* stylelint-disable-next-line property-no-vendor-prefix */
+    -webkit-appearance: none;
+    /* stylelint-disable-next-line property-no-vendor-prefix */
+    -moz-appearance: none;
+    background-position: calc(100% - 16px) $arrow_offset, calc(100% - 10px) $arrow_offset,
+        calc(100% - 33px) $separator_offset;
+    background-size: 6px 6px, 6px 6px, 1px 14px;
+    background-repeat: no-repeat;
+    padding-right: 44px;
+}

package/scss/shared/text.scss

@@ -1,20 +1,20 @@
-.main,
-.content,
-button,
-input {
-    font-family: u6Pgzb39sNF, sans-serif;
-    font-size: 17px;
-}
-
-.input_item {
-    /* stylelint-disable-next-line property-no-vendor-prefix */
-    -moz-appearance: textfield;
-
-    .input {
-        &::-webkit-inner-spin-button,
-        &::-webkit-outer-spin-button {
-            /* stylelint-disable-next-line property-no-vendor-prefix */
-            -webkit-appearance: none;
-        }
-    }
-}
+.main,
+.content,
+button,
+input {
+    font-family: u6Pgzb39sNF, sans-serif;
+    font-size: $font_main;
+}
+
+.input_item {
+    /* stylelint-disable-next-line property-no-vendor-prefix */
+    -moz-appearance: textfield;
+
+    .input {
+        &::-webkit-inner-spin-button,
+        &::-webkit-outer-spin-button {
+            /* stylelint-disable-next-line property-no-vendor-prefix */
+            -webkit-appearance: none;
+        }
+    }
+}

package/scss/shared/textareas.scss

@@ -1,7 +1,7 @@
-$padding: 8px;
-
-.input_item textarea.input {
-    padding-top: $padding;
-    padding-bottom: $padding;
-    min-height: 95px;
-}
+$padding: 8px;
+
+.input_item textarea.input {
+    padding-top: $padding;
+    padding-bottom: $padding;
+    min-height: 95px;
+}

package/scss/shared/themes/colors/dark.scss

@@ -1,17 +1,17 @@
-$gaq: #292929;
-$nrf: #395275;
-$yos: #475466;
-$htc: #373737;
-$lpe: white;
-$nqp: rgba(174, 35, 43, 0.99);
-$uvi: #121212;
-$cop: #3b7949;
-$pdv: $yellow;
-$pec: #ff8787;
-$bvs: #77ff6f;
-$nmy: #f493ff;
-$dfp: #293d4d;
-$myo: #09a700;
-$ptn: #bb141c;
-$uzf: #b938c7;
-$ycp: #308af9;
+$gaq: #1d2329;
+$nrf: #395475;
+$qhv: #3d679c;
+$yos: #475566;
+$htc: #2a3038;
+$lpe: white;
+$nqp: rgba(174, 35, 43, 0.99);
+$cop: #3b7949;
+$pdv: $yellow;
+$pec: #ff8787;
+$bvs: #77ff6f;
+$nmy: #f493ff;
+$dfp: #29394d;
+$myo: #09a700;
+$ptn: #bb141c;
+$uzf: #b938c7;
+$ycp: #308af9;

package/scss/shared/themes/colors/light.scss

@@ -1,17 +1,17 @@
-$gaq: #efefef;
-$nrf: #ffec82;
-$yos: $light_orange;
-$htc: white;
-$lpe: $black;
-$nqp: rgba(255, 77, 85, 0.99);
-$uvi: #afafaf;
-$cop: #a1ff83;
-$pdv: $blue;
-$pec: #ff6565;
-$bvs: #0bc700;
-$nmy: #eb36ff;
-$dfp: #a2d4ff;
-$myo: #14bf0a;
-$ptn: #d0111a;
-$uzf: #ca26dd;
-$ycp: #2e8cff;
+$gaq: #efefef;
+$nrf: #ffec82;
+$qhv: #ffe02e;
+$yos: $light_orange;
+$htc: white;
+$lpe: $black;
+$nqp: rgba(255, 77, 85, 0.99);
+$cop: #a1ff83;
+$pdv: $blue;
+$pec: #ff6565;
+$bvs: #0bc700;
+$nmy: #eb36ff;
+$dfp: #a2d4ff;
+$myo: #14bf0a;
+$ptn: #d0111a;
+$uzf: #ca26dd;
+$ycp: #2e8cff;