|
5 | 5 | // Color system
|
6 | 6 | //
|
7 | 7 |
|
8 |
| -$gray-base: #181b1e !default; |
9 |
| -$gray-100: #f0f3f5 !default; // lighten($gray-base, 85%); |
10 |
| -$gray-200: #e4e7ea !default; // lighten($gray-base, 80%); |
11 |
| -$gray-300: #c8ced3 !default; // lighten($gray-base, 70%); |
12 |
| -$gray-400: #acb4bc !default; // lighten($gray-base, 60%); |
13 |
| -$gray-500: #8f9ba6 !default; // lighten($gray-base, 50%); |
14 |
| -$gray-600: #73818f !default; // lighten($gray-base, 40%); |
15 |
| -$gray-700: #5c6873 !default; // lighten($gray-base, 30%); |
16 |
| -$gray-800: #2f353a !default; // lighten($gray-base, 10%); |
17 |
| -$gray-900: #23282c !default; // lighten($gray-base, 5%); |
18 |
| - |
19 |
| -$blue: #20a8d8 !default; |
20 |
| -$red: #f86c6b !default; |
21 |
| -$orange: #f8cb00 !default; |
22 |
| -$yellow: #ffc107 !default; |
23 |
| -$green: #4dbd74 !default; |
24 |
| -$light-blue: #63c2de !default; |
| 8 | +$gray-base: #181b1e !default; |
| 9 | +$gray-100: #f0f3f5 !default; // lighten($gray-base, 85%); |
| 10 | +$gray-200: #e4e7ea !default; // lighten($gray-base, 80%); |
| 11 | +$gray-300: #c8ced3 !default; // lighten($gray-base, 70%); |
| 12 | +$gray-400: #acb4bc !default; // lighten($gray-base, 60%); |
| 13 | +$gray-500: #8f9ba6 !default; // lighten($gray-base, 50%); |
| 14 | +$gray-600: #73818f !default; // lighten($gray-base, 40%); |
| 15 | +$gray-700: #5c6873 !default; // lighten($gray-base, 30%); |
| 16 | +$gray-800: #2f353a !default; // lighten($gray-base, 10%); |
| 17 | +$gray-900: #23282c !default; // lighten($gray-base, 5%); |
| 18 | + |
| 19 | +$blue: #20a8d8 !default; |
| 20 | +$red: #f86c6b !default; |
| 21 | +$orange: #f8cb00 !default; |
| 22 | +$yellow: #ffc107 !default; |
| 23 | +$green: #4dbd74 !default; |
| 24 | +$light-blue: #63c2de !default; |
25 | 25 |
|
26 | 26 | $colors: () !default;
|
27 | 27 | $colors: map-merge((
|
|
0 commit comments