3 /// html5up.net | @ajlkn
4 /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
10 @include vendor('display', 'flex');
11 @include vendor('flex-wrap', 'wrap');
12 border-top: 0 !important;
15 border-top: 0 !important;
19 @include vendor('align-items', 'center');
20 @include vendor('display', 'flex');
21 @include vendor('transition', (
22 'transform 0.25s ease',
25 '-webkit-filter 1s ease'
27 @include padding(4em, 4em);
28 background-position: center;
29 background-repeat: no-repeat;
30 background-size: cover;
53 color: inherit !important;
69 @include vendor('transition', 'opacity 0.5s ease');
82 background-color: transparentize(_palette(bg), 0.75);
100 @include vendor('transform', 'scale(0.95)');
101 @include vendor('filter', 'blur(0.5em)');
106 &:nth-child(4n - 2) {
110 &:nth-child(6n - 5) {
112 background-color: _palette(accent1);
116 &:nth-child(6n - 4) {
118 background-color: _palette(accent2);
122 &:nth-child(6n - 3) {
124 background-color: _palette(accent3);
128 &:nth-child(6n - 2) {
130 background-color: _palette(accent4);
134 &:nth-child(6n - 1) {
136 background-color: _palette(accent5);
142 background-color: _palette(accent6);
147 @include breakpoint('<=large') {
149 @include padding(4em, 3em);
156 @include breakpoint('<=medium') {
158 width: 50% !important;
162 @include breakpoint('<=small') {
164 @include padding(3em, 1.5em);
175 @include breakpoint('<=xsmall') {
180 width: 100% !important;