1
- /*
1
+ /*
2
2
---------- VARIABLES ----------
3
3
Castlecss-core variables
4
4
Do not edit this file!
5
5
Create a copy and edit or add your own variables there
6
- or download the full project for a ready-to-go setup here: https://github.com/CastleCSS/castlecss
6
+ or download the boilerplate for a ready-to-go setup here: https://github.com/CastleCSS/castlecss-boilerplate
7
7
-------------------------------
8
8
*/
9
9
10
- /*
11
- Base colors
12
- Color 01 and 02 reservered for white and black
10
+ /*
11
+ Base colors
12
+ Color 01 and 02 reservered for white and black
13
13
*/
14
14
$color01 : #fff ;
15
15
$color02 : #000 ;
16
16
17
- /*
17
+ /*
18
18
Theme colors
19
19
*/
20
20
$theme01 : #1B94BF ; // Knight blue
@@ -23,15 +23,16 @@ $theme03: #12637F; // Falcon blue
23
23
$theme04 : #FFC200 ; // Royal yellow
24
24
$theme05 : #FFFFFF ; // Destroyer white
25
25
26
- /*
26
+ /*
27
27
Notification colors
28
28
*/
29
- $alert : #FFD700 ;
30
- $negative : #FF7878 ;
31
- $positive : #29C85D ;
29
+ $alert : #c0dbff ;
30
+ $warning : #ffe283 ;
31
+ $negative : #feb3b3 ;
32
+ $positive : #c3e5cd ;
32
33
$disabled : #CDCDC1 ;
33
34
34
- /*
35
+ /*
35
36
Breakpoints
36
37
You can edit or add breakpoints
37
38
*/
@@ -42,7 +43,7 @@ $b4: 1024px;
42
43
$b5 : 1280px ;
43
44
$b6 : 1600px ;
44
45
45
- /*
46
+ /*
46
47
Mapping for breakpoint loops
47
48
Must be the same amount as breakpoints above
48
49
*/
@@ -56,9 +57,9 @@ $breakpoint-map: (
56
57
);
57
58
$amount-breakpoints : length ($breakpoint-map );
58
59
59
- /*
60
+ /*
60
61
Container sizes
61
- Must be the same amount of breakpoints and $breakpoint-map as above
62
+ Must be the same amount of breakpoints and $breakpoint-map as above
62
63
*/
63
64
$container : 100% ;
64
65
$container-b1 : 100% ;
@@ -68,27 +69,27 @@ $container-b4: 996px;
68
69
$container-b5 : 1224px ;
69
70
$container-b6 : 1400px ;
70
71
71
- /*
72
+ /*
72
73
Container map
73
- Must be the same amount of breakpoints and $breakpoint-map as above
74
+ Must be the same amount of breakpoints and $breakpoint-map as above
74
75
*/
75
76
$container-map : (
76
77
1 : $container-b1 ,
77
78
2 : $container-b2 ,
78
79
3 : $container-b3 ,
79
80
4 : $container-b4 ,
80
81
5 : $container-b5 ,
81
- 6 : $container-b6 ,
82
+ 6 : $container-b6 ,
82
83
);
83
84
84
- /*
85
- Flexbox grid, set to true or false for flexbox
85
+ /*
86
+ Flexbox grid, set to true or false for flexbox
86
87
*/
87
88
$flexbox-grid : true;
88
89
89
- /*
90
+ /*
90
91
Grid gutters
91
- Must be the same amount of breakpoints $breakpoint-map as above
92
+ Must be the same amount of breakpoints $breakpoint-map as above
92
93
*/
93
94
$grid-gutter : 12px ;
94
95
$grid-gutter-b1 : 12px ;
@@ -98,22 +99,22 @@ $grid-gutter-b4: 12px;
98
99
$grid-gutter-b5 : 12px ;
99
100
$grid-gutter-b6 : 12px ;
100
101
101
- /*
102
+ /*
102
103
Default margin and padding
103
104
*/
104
105
105
106
$padding-default : 12px ;
106
107
$margin-default : 12px ;
107
108
108
- /*
109
+ /*
109
110
Standard border-radius
110
111
*/
111
112
$radius : 5px ;
112
113
113
- /*
114
+ /*
114
115
Fonts
115
116
*/
116
117
$font-pri : Arial , Helvetica , sans-serif ;
117
118
$font-sec : Arial , Helvetica , sans-serif ;
118
119
$font-size-default : 1.6rem ;
119
- $line-height-default : 1.5 ;
120
+ $line-height-default : 1.5 ;
0 commit comments