Louis authored on25/08/2018 23:51:28
Showing1 changed files
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);