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;
17 @include vendor('display', 'flex');
18 @include vendor('flex-direction', 'row');
19 background-color: desaturate(lighten(_palette_light(bg-alt), 2), 1);
20 @media screen and (prefers-color-scheme: dark) {
21 background-color: desaturate(lighten(_palette_dark(bg-alt), 2), 1);
25 background-position: center center;
26 background-size: cover;
39 background: transparentize(_palette_light(bg), 0.1);
48 @media screen and (prefers-color-scheme: dark) {
49 background: transparentize(_palette_dark(bg), 0.1);
55 @include vendor('display', 'flex');
56 @include vendor('flex-direction', 'column');
57 @include vendor('justify-content', 'center');
58 @include vendor('align-items', 'center');
59 @include padding(2em, 3em);
70 @include vendor('flex-direction', 'row-reverse');
71 background-color: desaturate(lighten(_palette_light(bg-alt), 4), 2);
72 @media screen and (prefers-color-scheme: dark) {
73 background-color: desaturate(lighten(_palette_dark(bg-alt), 4), 2);
77 @include vendor('align-items', 'flex-end');
82 @include breakpoint('<=xlarge') {
94 @include breakpoint('<=large') {
106 @include breakpoint('<=medium') {
115 @include padding(4em, 3em);
121 @include breakpoint('<=small') {
124 @include padding(3em, 1.5em);