2 /// Massively by HTML5 UP
3 /// html5up.net | @ajlkn
4 /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
12 @include breakpoint('<=xlarge') {
16 @include breakpoint('<=large') {
20 @include breakpoint('<=xxsmall') {
29 body, input, select, textarea {
30 font-family: _font(family);
31 font-weight: _font(weight);
37 @include vendor('transition', (
38 'color #{_duration(transition)} ease-in-out',
39 'background-color #{_duration(transition)} ease-in-out',
40 'border-color #{_duration(transition)} ease-in-out',
41 'box-shadow #{_duration(transition)} ease-in-out'
43 border-bottom: dotted 1px;
44 text-decoration: none;
47 border-bottom-color: transparent;
52 font-weight: _font(weight-bold);
61 margin: 0 0 _size(element-margin) 0;
64 h1, h2, h3, h4, h5, h6 {
65 font-family: _font(family-heading);
66 font-weight: _font(weight-heading);
68 letter-spacing: 0.075em;
69 text-transform: uppercase;
70 margin: 0 0 (_size(element-margin) * 0.5) 0;
75 text-decoration: none;
82 margin: 0 0 _size(element-margin) 0;
88 margin: 0 0 (_size(element-margin) * 0.75) 0;
93 margin: 0 0 (_size(element-margin) * 0.75) 0;
121 border-left: solid 4px;
123 margin: 0 0 _size(element-margin) 0;
124 padding: (_size(element-margin) / 4) 0 (_size(element-margin) / 4) _size(element-margin);
128 border-radius: _size(border-radius);
130 font-family: _font(family-fixed);
133 padding: 0.25rem 0.65rem;
137 -webkit-overflow-scrolling: touch;
138 font-family: _font(family-fixed);
140 margin: 0 0 _size(element-margin) 0;
145 padding: 1rem 1.5rem;
152 border-bottom: solid 2px;
153 margin: (_size(element-margin) * 1.5) 0;
156 margin: (_size(element-margin) * 2.5) 0;
172 @mixin color-typography($p: null) {
174 color: _palette($p, fg);
177 input, select, textarea {
178 color: _palette($p, fg-bold);
182 color: _palette($p, fg-bold);
183 border-bottom-color: transparentize(_palette($p, fg), 0.5);
186 border-bottom-color: transparent;
187 color: _palette($p, accent) !important;
192 color: _palette($p, fg-bold);
195 h1, h2, h3, h4, h5, h6 {
196 color: _palette($p, fg-bold);
200 border-left-color: _palette($p, border);
204 background: _palette($p, border-bg);
205 border-color: _palette($p, border);
209 border-bottom-color: _palette($p, border);
213 @include color-typography;