forked from csswizardry/inuit.css
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path_vars.scss
125 lines (97 loc) · 2.85 KB
/
_vars.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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
/*------------------------------------*\
$VARS
\*------------------------------------*/
/**
* Set up project-specific variables here which are then used throughout your
* build. These variables are automatically picked up by inuit.css so you should
* never need to modify any framework code.
*/
/**
* Debug mode will visually highlight any potential markup/accessibility quirks
* in the browser. Set to `true` or `false`.
*/
$debug-mode: false!default;
/**
* Do you want all elements to adopt `box-sizing:border-box;` as per
* paulirish.com/2012/box-sizing-border-box-ftw ?
*/
$global-border-box: true!default;
/**
* Would you like to use Adam Whitcroft’s Batch icon font, as per:
* adamwhitcroft.com/batch ?
*/
$batch: false!default;
/**
* Base stuff
*/
$base-font-size: 16px!default;
$base-line-height: 24px!default;
/**
* How big would you like round corners to be by default?
*/
$brand-round: 4px!default;
/**
* Responsiveness?
*/
$responsive: true!default;
/**
* Responsiveness for widescreen/high resolution desktop monitors and beyond?
* Note: $responsive parameter above must be enabled before enabling this.
*/
$responsive-extra: false!default;
/**
* Responsive push and pull produce a LOT of code, only turn them on if you
* definitely need them.
*/
$responsive-push: false!default;
$responsive-pull: false!default;
/**
* Tell inuit.css when breakpoints start.
*/
$lap-start: 481px!default;
$desk-start: 1024px!default;
$desk-wide-start: 1200px!default;
/**
* Font-sizes (in pixels). Refer to relevant sections for their implementations.
*/
$giga-size: 96px!default;
$mega-size: 72px!default;
$kilo-size: 48px!default;
$h1-size: 36px!default; // .alpha
$h2-size: 30px!default; // .beta
$h3-size: 24px!default; // .gamma
$h4-size: 20px!default; // .delta
$h5-size: 16px!default; // .epsilon
$h6-size: 14px!default; // .zeta
$milli-size: 12px!default;
$micro-size: 10px!default;
/**
* English quote marks?
*/
$english-quotes: true!default;
/**
* If you want English quotes then please do not edit these; they’re only here
* because Sass needs them.
*/
$open-quote: null;
$close-quote: null;
/**
* If you need non-English quotes, please alter the following values accordingly:
*/
@if $english-quotes != true{
$open-quote: «;
$close-quote: »;
}
/**
* Brand stuff
*/
$brand-color: #4a8ec2!default;
$brand-face: "Helvetica Neue", sans-serif!default;
/**
* inuit.css will work these next ones out for you.
*
* Assign our `$base-line-height` to a new spacing var for more transparency.
*/
$base-spacing-unit: $base-line-height!default;
$half-spacing-unit: $base-spacing-unit / 2!default;
$line-height-ratio: $base-line-height / $base-font-size;