3 /// html5up.net | @ajlkn
4 /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
9 body, input, select, textarea {
11 font-family: _font(family);
13 font-weight: _font(weight);
14 letter-spacing: _font(letter-spacing);
17 @include breakpoint('<=xlarge') {
21 @include breakpoint('<=large') {
25 @include breakpoint('<=xxsmall') {
31 @include vendor('transition', (
32 'color #{_duration(transition)} ease-in-out',
33 'border-bottom-color #{_duration(transition)} ease-in-out'
35 border-bottom: dotted 1px;
37 text-decoration: none;
40 border-bottom-color: transparent;
41 color: _palette(highlight) !important;
45 color: desaturate(darken(_palette(highlight), 15), 5) !important;
50 color: _palette(fg-bold);
51 font-weight: _font(weight-bold);
59 margin: 0 0 _size(element-margin) 0;
62 h1, h2, h3, h4, h5, h6 {
63 color: _palette(fg-bold);
64 font-weight: _font(weight-bold);
66 margin: 0 0 (_size(element-margin) * 0.5) 0;
98 @include breakpoint('<=small') {
125 border-left: solid 4px _palette(border);
127 margin: 0 0 _size(element-margin) 0;
128 padding: (_size(element-margin) / 4) 0 (_size(element-margin) / 4) _size(element-margin);
132 background: _palette(border-bg);
133 font-family: _font(family-fixed);
136 padding: 0.25em 0.65em;
140 -webkit-overflow-scrolling: touch;
141 font-family: _font(family-fixed);
143 margin: 0 0 _size(element-margin) 0;
155 border-bottom: solid 1px _palette(border);
156 margin: _size(element-margin) 0;
159 margin: (_size(element-margin) * 1.5) 0;
177 @include hide-visually;