bfg-common 1.2.199 → 1.2.201

package/assets/scss/common/animations.scss

@@ -1,28 +1,28 @@
-.animation {
-  -webkit-transition: all .3s;
-  -moz-transition: all .3s;
-  -o-transition: all .3s;
-  transition: all .3s;
-}
-
-@-webkit-keyframes animateTop {
-  from {
-    top: -300px;
-    opacity: 0;
-  }
-  to {
-    top: 0;
-    opacity: 1;
-  }
-}
-
-@keyframes animateTop {
-  from {
-    top: -300px;
-    opacity: 0;
-  }
-  to {
-    top: 0;
-    opacity: 1;
-  }
-}
+.animation {
+  -webkit-transition: all .3s;
+  -moz-transition: all .3s;
+  -o-transition: all .3s;
+  transition: all .3s;
+}
+
+@-webkit-keyframes animateTop {
+  from {
+    top: -300px;
+    opacity: 0;
+  }
+  to {
+    top: 0;
+    opacity: 1;
+  }
+}
+
+@keyframes animateTop {
+  from {
+    top: -300px;
+    opacity: 0;
+  }
+  to {
+    top: 0;
+    opacity: 1;
+  }
+}

package/assets/scss/common/global.scss

@@ -1,189 +1,189 @@
-@import 'mixins';
-/* _____SCROLLBAR_____ */
-::-webkit-scrollbar {
-  width: auto;
-  height: auto;
-}
-::-webkit-scrollbar-track,
-::-webkit-scrollbar-corner {
-  background: var(--scrollbar-track);
-}
-::-webkit-scrollbar-thumb {
-  background: var(--scrollbar-thumb);
-  border-radius: 20px;
-  border: solid 3px var(--scrollbar-track);
-}
-::-webkit-scrollbar-track,
-::-webkit-scrollbar-corner {
-  background: var(--scrollbar-track);
-}
-
-/* _____BUTTON DARK AND LIGHT MODE STYLES_____ */
-
-.btn {
-  &.btn-outline {
-    border-color: var(--btn-outline-border-color);
-    color: var(--btn-outline-border-color);
-    &:hover:not(:disabled) {
-      background-color: var(--btn-outline-hover-bg-color);
-      color: var(--btn-outline-hover-color);
-    }
-    &:active {
-      box-shadow: inset 0 0.1rem 0 0 var(--btn-outline-box-shadow-color);
-    }
-    &:disabled {
-      box-shadow: none;
-    }
-  }
-  &.btn-primary {
-    border-color: var(--btn-primary-border-color);
-    background-color: var(--btn-primary-border-color);
-    color: var(--btn-primary-color);
-    &:hover:not(:disabled) {
-      background-color: var(--btn-primary-hover-bg-color);
-      color: var(--btn-primary-hover-color);
-    }
-    &:active {
-      box-shadow: inset 0 0.1rem 0 0 var(--btn-primary-box-shadow-color);
-    }
-    &:disabled {
-      background-color: var(--btn-primary-disabled-bg-color);
-      border-color: var(--btn-primary-disabled-bg-color);
-      color: var(--btn-primary-disabled-color);
-      box-shadow: none;
-    }
-  }
-  &.btn-warning {
-    border-color: var(--btn-warning-bg-color);
-    background-color: var(--btn-warning-bg-color);
-    color: var(--btn-warning-color);
-    &:hover:not(:disabled) {
-      background-color: var(--btn-warning-hover-bg-color);
-      color: var(--btn-warning-color);
-    }
-    &:active {
-      box-shadow: inset 0 0.1rem 0 0 var(--btn-warning-box-shadow-color);
-    }
-    &:disabled {
-      box-shadow: none;
-    }
-  }
-  &.btn-link {
-    &:not(.nav-link) {
-      color: var(--btn-link-color);
-      &:hover:not(:disabled) {
-        color: var(--btn-link-hover-color);
-      }
-    }
-  }
-}
-/* _____INPUT LABEL DARK AND LIGHT MODE STYLES_____ */
-form {
-  .form-group {
-    :is(& > label, & > span):first-child {
-      color: var(--form-label-color);
-    }
-    input {
-      color: var(--form-input-color);
-      border-color: var(--form-input-border-color);
-    }
-  }
-}
-
-/* _____CHECKBOX DARK AND LIGHT MODE STYLES_____ */
-.clr-checkbox-wrapper {
-  input[type='checkbox'] {
-    & + label {
-      &:after {
-        border-color: var(--checkbox-mark-color);
-      }
-      &:before {
-        border-color: var(--checkbox-border-color);
-      }
-    }
-    &:focus + label::before {
-      box-shadow: none;
-    }
-    &:checked + label:before {
-      background: var(--checkbox-background-color);
-    }
-  }
-  & > label {
-    color: var(--checkbox-label-color);
-  }
-}
-
-/* _____SELECT DARK AND LIGHT MODE STY
-LES_____ */
-//.clr-select-wrapper {
-select {
-  background-color: transparent;
-  html.dark-theme & option,
-  option {
-    color: var(--select-color);
-  }
-}
-//}
-
-/* _____INPUT NUMBER ARROWS_____ */
-/* Chrome, Safari, Edge, Opera */
-input::-webkit-outer-spin-button,
-input::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
-input.show-arrow::-webkit-inner-spin-button {
-  -webkit-appearance: inner-spin-button;
-}
-input[type='range'] {
-  -webkit-appearance: none;
-  width: 100%;
-  left: 0;
-  height: 4px;
-  padding: 0;
-  background-color: var(--progress-bg-color);
-}
-
-/* Firefox */
-input[type='number'] {
-  -moz-appearance: textfield;
-}
-
-//html.dark-theme
-html.light-theme {
-  .stack-block-expanded {
-    .input-text-color,
-    .input-text-color input {
-      color: var(--row-selected-text-color);
-    }
-  }
-}
-
-//.stack-block-expandable {
-//  .input-text-color {
-//    input {}
-//  }
-//}
-
-.btn-trigger {
-  width: 100%;
-  @include flex($align: center);
-  height: 36px;
-  flex: 0 0 36px;
-  border: 0;
-  padding: 0;
-  background-color: transparent;
-  outline: none;
-  cursor: pointer;
-}
-
-.reset-btn {
-  appearance: none;
-  margin: 0;
-  padding: 0;
-  border: none;
-  border-radius: 0;
-  box-shadow: none;
-  background: none;
-  outline-offset: -0.2rem;
-}
+@import 'mixins';
+/* _____SCROLLBAR_____ */
+::-webkit-scrollbar {
+  width: auto;
+  height: auto;
+}
+::-webkit-scrollbar-track,
+::-webkit-scrollbar-corner {
+  background: var(--scrollbar-track);
+}
+::-webkit-scrollbar-thumb {
+  background: var(--scrollbar-thumb);
+  border-radius: 20px;
+  border: solid 3px var(--scrollbar-track);
+}
+::-webkit-scrollbar-track,
+::-webkit-scrollbar-corner {
+  background: var(--scrollbar-track);
+}
+
+/* _____BUTTON DARK AND LIGHT MODE STYLES_____ */
+
+.btn {
+  &.btn-outline {
+    border-color: var(--btn-outline-border-color);
+    color: var(--btn-outline-border-color);
+    &:hover:not(:disabled) {
+      background-color: var(--btn-outline-hover-bg-color);
+      color: var(--btn-outline-hover-color);
+    }
+    &:active {
+      box-shadow: inset 0 0.1rem 0 0 var(--btn-outline-box-shadow-color);
+    }
+    &:disabled {
+      box-shadow: none;
+    }
+  }
+  &.btn-primary {
+    border-color: var(--btn-primary-border-color);
+    background-color: var(--btn-primary-border-color);
+    color: var(--btn-primary-color);
+    &:hover:not(:disabled) {
+      background-color: var(--btn-primary-hover-bg-color);
+      color: var(--btn-primary-hover-color);
+    }
+    &:active {
+      box-shadow: inset 0 0.1rem 0 0 var(--btn-primary-box-shadow-color);
+    }
+    &:disabled {
+      background-color: var(--btn-primary-disabled-bg-color);
+      border-color: var(--btn-primary-disabled-bg-color);
+      color: var(--btn-primary-disabled-color);
+      box-shadow: none;
+    }
+  }
+  &.btn-warning {
+    border-color: var(--btn-warning-bg-color);
+    background-color: var(--btn-warning-bg-color);
+    color: var(--btn-warning-color);
+    &:hover:not(:disabled) {
+      background-color: var(--btn-warning-hover-bg-color);
+      color: var(--btn-warning-color);
+    }
+    &:active {
+      box-shadow: inset 0 0.1rem 0 0 var(--btn-warning-box-shadow-color);
+    }
+    &:disabled {
+      box-shadow: none;
+    }
+  }
+  &.btn-link {
+    &:not(.nav-link) {
+      color: var(--btn-link-color);
+      &:hover:not(:disabled) {
+        color: var(--btn-link-hover-color);
+      }
+    }
+  }
+}
+/* _____INPUT LABEL DARK AND LIGHT MODE STYLES_____ */
+form {
+  .form-group {
+    :is(& > label, & > span):first-child {
+      color: var(--form-label-color);
+    }
+    input {
+      color: var(--form-input-color);
+      border-color: var(--form-input-border-color);
+    }
+  }
+}
+
+/* _____CHECKBOX DARK AND LIGHT MODE STYLES_____ */
+.clr-checkbox-wrapper {
+  input[type='checkbox'] {
+    & + label {
+      &:after {
+        border-color: var(--checkbox-mark-color);
+      }
+      &:before {
+        border-color: var(--checkbox-border-color);
+      }
+    }
+    &:focus + label::before {
+      box-shadow: none;
+    }
+    &:checked + label:before {
+      background: var(--checkbox-background-color);
+    }
+  }
+  & > label {
+    color: var(--checkbox-label-color);
+  }
+}
+
+/* _____SELECT DARK AND LIGHT MODE STY
+LES_____ */
+//.clr-select-wrapper {
+select {
+  background-color: transparent;
+  html.dark-theme & option,
+  option {
+    color: var(--select-color);
+  }
+}
+//}
+
+/* _____INPUT NUMBER ARROWS_____ */
+/* Chrome, Safari, Edge, Opera */
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+input.show-arrow::-webkit-inner-spin-button {
+  -webkit-appearance: inner-spin-button;
+}
+input[type='range'] {
+  -webkit-appearance: none;
+  width: 100%;
+  left: 0;
+  height: 4px;
+  padding: 0;
+  background-color: var(--progress-bg-color);
+}
+
+/* Firefox */
+input[type='number'] {
+  -moz-appearance: textfield;
+}
+
+//html.dark-theme
+html.light-theme {
+  .stack-block-expanded {
+    .input-text-color,
+    .input-text-color input {
+      color: var(--row-selected-text-color);
+    }
+  }
+}
+
+//.stack-block-expandable {
+//  .input-text-color {
+//    input {}
+//  }
+//}
+
+.btn-trigger {
+  width: 100%;
+  @include flex($align: center);
+  height: 36px;
+  flex: 0 0 36px;
+  border: 0;
+  padding: 0;
+  background-color: transparent;
+  outline: none;
+  cursor: pointer;
+}
+
+.reset-btn {
+  appearance: none;
+  margin: 0;
+  padding: 0;
+  border: none;
+  border-radius: 0;
+  box-shadow: none;
+  background: none;
+  outline-offset: -0.2rem;
+}