Skip to content

Commit 0b2782b

Browse files
author
Darius Rosendahl
committed
Updated variables to castlecss-core 2.1.0
1 parent 214b45f commit 0b2782b

File tree

3 files changed

+121
-5
lines changed

3 files changed

+121
-5
lines changed

dist/css/styles.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

dist/css/styles.min.css.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

scss/variables.scss

Lines changed: 119 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,122 @@
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

Comments
 (0)