@qite/tide-components 1.0.10 → 1.0.12

package/styles/components/_variables.scss

@@ -1,89 +1,89 @@
-// COLOR DEFINITIONS
-$jelly-bean: #26809b;
-$cerulean: #12aad8;
-$limed-oak: #8f8345;
-
-// COLOR ASSIGNMENTS
-$color-primary: $cerulean;
-$color-secondary: $limed-oak;
-$color-star: #9e914f;
-$invalid: #e74c3c;
-$price-increase: #e81212;
-$price-decrease: #19a364;
-
-$white: #ffffff;
-$gray-light: #f5f5f5;
-$gray-xlight: #fbfbfb;
-$gray--medium-light: #efefef;
-$gray-background-light: #e2e2e2;
-$gray-border-light: #f3f3f3;
-$gray-border-medium: #e5e5e5;
-$gray-border-tree: #b9b9b9;
-$gray-checkbox-bg: #bdbdbd;
-$gray-medium: #cbcbcb;
-$gray-timeline: #808080;
-$gray-dark: #666666;
-$tree-border-selected: #e0ecff;
-$tree-background-selected: #edfbff;
-$black: #0a0a0a;
-$transparent: transparent;
-
-$economy: #334eac;
-$economy-background: #ebedf7;
-$premium: #85204b;
-$premium-background: #f1e6eb;
-$business: #8e8347;
-$business-background: #f5f4ed;
-
-// BACKGROUNDS
-$bg-secondary: lighten(#f1efe5, 3%);
-$btn-hover: darken($color-primary, 3%);
-
-// TYPOGRAPHY
-$font-heading: 'Prata', serif;
-$font-body: 'proxima-nova', sans-serif;
-$font-handwritten: 'caliban-std', sans-serif;
-
-// GRID
-$container-wide: 169rem;
-$container-medium: 120rem;
-$container-small: 90rem;
-$container-article: 65rem;
-$gutter: 1.5rem;
-
-// MEDIA QUERIES
-$screen-xs: 576px;
-$screen-sm: 768px;
-$screen-md: 992px;
-$screen-lg: 1200px;
-$screen-xl: 1650px;
-$screen-xxl: 1920px;
-
-%scrollbar-none {
-  &::-webkit-scrollbar {
-    width: 0px;
-    height: 0px;
-  }
-
-  &::-webkit-scrollbar-track {
-    padding: 0;
-    background: transparent;
-  }
-}
-
-%scrollbar-thin {
-  &::-webkit-scrollbar {
-    width: 8px;
-    height: 8px;
-  }
-
-  &::-webkit-scrollbar-track {
-    padding: 2px;
-    background: transparent;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    border-radius: 4px;
-    background-color: fade-out($black, 0.75);
-  }
-}
+// COLOR DEFINITIONS
+$jelly-bean: #26809b;
+$cerulean: #12aad8;
+$limed-oak: #8f8345;
+
+// COLOR ASSIGNMENTS
+$color-primary: $cerulean;
+$color-secondary: $limed-oak;
+$color-star: #9e914f;
+$invalid: #e74c3c;
+$price-increase: #e81212;
+$price-decrease: #19a364;
+
+$white: #ffffff;
+$gray-light: #f5f5f5;
+$gray-xlight: #fbfbfb;
+$gray--medium-light: #efefef;
+$gray-background-light: #e2e2e2;
+$gray-border-light: #f3f3f3;
+$gray-border-medium: #e5e5e5;
+$gray-border-tree: #b9b9b9;
+$gray-checkbox-bg: #bdbdbd;
+$gray-medium: #cbcbcb;
+$gray-timeline: #808080;
+$gray-dark: #666666;
+$tree-border-selected: #e0ecff;
+$tree-background-selected: #edfbff;
+$black: #0a0a0a;
+$transparent: transparent;
+
+$economy: #334eac;
+$economy-background: #ebedf7;
+$premium: #85204b;
+$premium-background: #f1e6eb;
+$business: #8e8347;
+$business-background: #f5f4ed;
+
+// BACKGROUNDS
+$bg-secondary: lighten(#f1efe5, 3%);
+$btn-hover: darken($color-primary, 3%);
+
+// TYPOGRAPHY
+$font-heading: 'Prata', serif;
+$font-body: 'proxima-nova', sans-serif;
+$font-handwritten: 'caliban-std', sans-serif;
+
+// GRID
+$container-wide: 169rem;
+$container-medium: 120rem;
+$container-small: 90rem;
+$container-article: 65rem;
+$gutter: 1.5rem;
+
+// MEDIA QUERIES
+$screen-xs: 576px;
+$screen-sm: 768px;
+$screen-md: 992px;
+$screen-lg: 1200px;
+$screen-xl: 1650px;
+$screen-xxl: 1920px;
+
+%scrollbar-none {
+  &::-webkit-scrollbar {
+    width: 0px;
+    height: 0px;
+  }
+
+  &::-webkit-scrollbar-track {
+    padding: 0;
+    background: transparent;
+  }
+}
+
+%scrollbar-thin {
+  &::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+  }
+
+  &::-webkit-scrollbar-track {
+    padding: 2px;
+    background: transparent;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    border-radius: 4px;
+    background-color: fade-out($black, 0.75);
+  }
+}