| 1 | 1 |
new file mode 100644 |
| ... | ... |
@@ -0,0 +1,39 @@ |
| 1 |
+@import "bourbon"; |
|
| 2 |
+ |
|
| 3 |
+// Bourbon settings |
|
| 4 |
+$em-base: 17px; |
|
| 5 |
+ |
|
| 6 |
+// custom vars |
|
| 7 |
+$base-line-height: 1.4; |
|
| 8 |
+$base-height: rem($base-line-height * $em-base); |
|
| 9 |
+$border-radius: 0.25rem; |
|
| 10 |
+$item-spacing-v: $base-height / 2; |
|
| 11 |
+$item-spacing-h: 0.75rem; |
|
| 12 |
+$small-component-width: $base-height * $golden; |
|
| 13 |
+ |
|
| 14 |
+// ---- Colors ------ |
|
| 15 |
+$color-orange: #ff4700; |
|
| 16 |
+$color-orange-dark: #993d19; |
|
| 17 |
+$color-red: #ff0000; |
|
| 18 |
+$color-white: #ffffff; |
|
| 19 |
+$color-black: #000000; |
|
| 20 |
+ |
|
| 21 |
+// background color |
|
| 22 |
+$color-gray-0: #111111; |
|
| 23 |
+$color-gray-1: #2f2f2f; |
|
| 24 |
+$color-gray-2: #333333; |
|
| 25 |
+$color-gray-3: #414141; |
|
| 26 |
+$color-gray-4: #484848; // divider |
|
| 27 |
+$color-gray-5: #5b5b5b; |
|
| 28 |
+$color-gray-6: #666666; |
|
| 29 |
+$color-gray-7: #767676; |
|
| 30 |
+$color-gray-8: #858585; |
|
| 31 |
+$color-gray-9: #a4a4a4 ; |
|
| 32 |
+$color-gray-10: #ececec; |
|
| 33 |
+$color-gray-11: #f2f2f2; |
|
| 34 |
+ |
|
| 35 |
+$button-padding: 0.6rem; |
|
| 36 |
+$button-padding-ios: 0.5rem; |
|
| 37 |
+ |
|
| 38 |
+$box-shadow-small-components: 0 0.1rem 0.1rem $color-gray-1; |
|
| 39 |
+$box-shadow-large-components: 0 rem(3px) rem(15px) rgba(0,0,0,0.4); |