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)
11 @include vendor('display', 'flex');
12 background-color: _palette(alt, bg);
13 color: _palette(fg-light);
17 width: calc(100% - #{_size(padding) * 2});
18 max-width: _size(wrapper);
22 @include vendor('flex-basis', '50%');
23 @include vendor('flex-grow', '1');
24 @include vendor('flex-shrink', '1');
25 @include padding((_size(padding) * 2), (_size(padding) * 2));
26 border-left: solid 2px _palette(alt, border);
33 @include vendor('display', 'flex');
34 @include vendor('flex-direction', 'column');
38 @include padding((_size(padding) * 2) - 1, (_size(padding) * 2));
39 border-top: solid 2px _palette(alt, border);
42 @include padding((_size(padding) * 2) - 1, (_size(padding) * 2), (_size(padding), 0, 0, 0));
47 @include padding((_size(padding) * 2) - 1, (_size(padding) * 2), (0, 0, _size(padding), 0));
53 @include vendor('display', 'flex');
54 @include vendor('align-items', 'center');
55 padding: (_size(padding) * 1.575) (_size(padding) * 2);
62 @include vendor('flex-shrink', '0');
63 @include vendor('flex-grow', '0');
68 @include vendor('flex-shrink', '1');
69 @include vendor('flex-grow', '1');
73 padding: (_size(padding) * 2) (_size(padding) * 2) ((_size(padding) * 2) - 1) (_size(padding) * 2);
77 padding: ((_size(padding) * 2) - 1) (_size(padding) * 2) (_size(padding) * 2) (_size(padding) * 2);
81 @include vendor('align-items', 'flex-start');
84 margin-top: -0.325rem;
98 @include breakpoint('<=medium') {
102 border-top: solid 2px _palette(alt, border);
110 @include padding((_size(padding) * 2), (_size(padding) * 2));
113 @include padding((_size(padding) * 2), (_size(padding) * 2));
117 @include padding((_size(padding) * 2), (_size(padding) * 2));
123 padding: (_size(padding) * 2);
126 padding: (_size(padding) * 2);
130 padding: (_size(padding) * 2);
144 @include breakpoint('<=small') {
146 @include padding((_size(padding) * 1), (_size(padding) * 1));
150 @include padding((_size(padding) * 1), (_size(padding) * 1));
153 @include padding((_size(padding) * 1), (_size(padding) * 1));
157 @include padding((_size(padding) * 1), (_size(padding) * 1));
163 padding: (_size(padding) * 1);
166 padding: (_size(padding) * 1);
170 padding: (_size(padding) * 1);
178 @include breakpoint('<=xsmall') {
184 @include color-typography(invert);
186 color: transparentize(_palette(invert, fg), 0.75);
188 font-family: _font(family-heading);
190 font-weight: _font(weight-heading);
191 letter-spacing: 0.075em;
194 text-transform: uppercase;
195 margin: (_size(padding) * 2) auto (_size(padding) * 4) auto;
196 width: calc(100% - #{_size(padding) * 2});
197 max-width: _size(wrapper);
202 border-bottom-color: inherit;
211 border-left: solid 2px;
212 display: inline-block;
225 @include breakpoint('<=large') {
226 margin: (_size(padding) * 2) auto;
229 @include breakpoint('<=xsmall') {