-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathdefaults.scss
66 lines (53 loc) · 1.65 KB
/
defaults.scss
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
// =============================================================================
// Default Variables
// =============================================================================
$breakpoints: (
min: 320px,
xs: 340px,
sm: 600px,
md: 900px,
lg: 1300px,
xl: 1600px,
xxl: 1900px,
xxxl: 2200px,
) !default;
$default-container-padding-left: (
min: 16px,
xxxl: 400px,
) !default;
$default-container-padding-right: $default-container-padding-left !default;
$default-horizontal-base-unit: (
min: 8px,
xxxl: 16px,
) !default;
$default-vertical-base-unit: $default-horizontal-base-unit !default;
$default-container-padding-top: 0 !default;
$default-container-padding-bottom: 0 !default;
$default-container-margin-top: 0 !default;
$default-container-margin-bottom: 0 !default;
$default-column-margin-top: 0 !default;
$default-column-margin-bottom: 0 !default;
$default-column-padding-top: 0.5 !default;
$default-column-padding-bottom: 0.5 !default;
$default-column-padding-left: 0.5 !default;
$default-column-padding-right: 0.5 !default;
$default-use-vertical-gutters: true !default;
$default-use-horizontal-gutters: true !default;
// Whats this do?
$font-sizes: (
min: 12px,
xxxl: 20px,
) !default;
// Whats this do?
$cap-heights: (
sans: 0.7,
) !default;
$overlay-columns: 12 !default;
// Whats this do?
$colour-baseline-grid: rgba(#0f0, 0.75) !default;
$colour-column-overlay: rgba(#f00, 0.25) !default;
$colour-columns: rgba(#f90, 0.75) !default;
$colour-blocks: rgba(#f0f, 0.75) !default;
$colour-rows: rgba(#ff0, 0.75) !default;
$colour-grids: rgba(#00f, 0.75) !default;
$colour-nested-grids: rgba(#0ff, 0.75) !default;