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