3 /// html5up.net | @ajlkn
4 /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
10 border-top: 0 !important;
13 border-top: 0 !important;
18 @include vendor('display', 'flex');
19 @include vendor('flex-direction', 'row');
20 background-color: desaturate(lighten(_palette_light(bg-alt), 2), 1);
21 @media screen and (prefers-color-scheme: dark) {
22 background-color: desaturate(lighten(_palette_dark(bg-alt), 2), 1);
26 background-position: center center;
27 background-size: cover;
40 background: transparentize(_palette_light(bg), 0.1);
49 @media screen and (prefers-color-scheme: dark) {
50 background: transparentize(_palette_dark(bg), 0.1);
56 @include vendor('display', 'flex');
57 @include vendor('flex-direction', 'column');
58 @include vendor('justify-content', 'center');
59 @include vendor('align-items', 'center');
60 @include padding(2em, 3em);
71 @include vendor('flex-direction', 'row-reverse');
72 background-color: desaturate(lighten(_palette_light(bg-alt), 4), 2);
73 @media screen and (prefers-color-scheme: dark) {
74 background-color: desaturate(lighten(_palette_dark(bg-alt), 4), 2);
78 @include vendor('align-items', 'flex-end');
83 @include breakpoint('<=xlarge') {
95 @include breakpoint('<=large') {
107 @include breakpoint('<=medium') {
116 @include padding(4em, 3em);
122 @include breakpoint('<=small') {
125 @include padding(3em, 1.5em);