2 /// Editorial by HTML5 UP
3 /// html5up.net | @ajlkn
4 /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
10 $gutter: _size(gutter);
12 @include vendor('display', 'flex');
13 @include vendor('flex-wrap', 'wrap');
14 margin: 0 0 _size(element-margin) ($gutter * -1);
15 width: calc(100% + #{$gutter});
18 @include vendor('align-items', 'center');
19 @include vendor('display', 'flex');
20 margin: 0 0 $gutter $gutter;
22 width: calc(50% - #{$gutter});
25 margin-right: ($gutter * 0.5);
29 margin-left: ($gutter * 0.5);
38 @include vendor('flex-grow', '0');
39 @include vendor('flex-shrink', '0');
43 margin: 0 _size(element-margin) 0 0;
48 color: _palette(accent);
55 @include vendor('transform', 'rotate(45deg)');
56 border-radius: 0.25rem;
57 border: solid 2px _palette(border);
62 margin: -3.5em 0 0 -3.5em;
70 @include vendor('flex-grow', '1');
71 @include vendor('flex-shrink', '1');
80 @include breakpoint('<=medium') {
81 margin: 0 0 _size(element-margin) 0;
85 margin: 0 0 $gutter 0;
98 margin-bottom: $gutter;
116 margin: -3em 0 0 -3em;
123 @include breakpoint('<=xsmall') {
125 @include vendor('flex-direction', 'column');
126 @include vendor('align-items', 'flex-start');
131 margin: 0 0 (_size(element-margin) * 0.75) 0;
140 margin: -2em 0 0 -2em;
147 @include breakpoint('<=xsmall') {