3 /// html5up.net | @ajlkn
4 /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
10 @include vendor('align-items', 'center');
11 @include vendor('background-image', 'url("../bg/bg2.jpg")');
12 @include vendor('display', 'flex');
13 @include padding(4em, 0, (2em, 0, 0, 0));
14 background-attachment: fixed;
15 background-position: center;
16 background-repeat: no-repeat;
17 background-size: cover;
18 border-bottom: 0 !important;
21 margin-bottom: -5.25em;
28 @include vendor('transition', 'opacity #{_duration(banner)} ease');
29 @include vendor('transition-delay', '0.75s');
30 @include vendor('pointer-events', 'none');
31 background-color: _palette(bg);
48 @include vendor('transition', (
50 'transform 0.5s ease-out',
52 '-webkit-filter 0.5s ease'
54 padding: 0 !important;
75 @include vendor('display', 'flex');
76 @include vendor('align-items', 'center');
77 margin: 0 0 _size(element-margin) 0;
90 font-weight: _font(weight-bold);
91 letter-spacing: _font(letter-spacing-alt);
92 text-transform: uppercase;
107 &.style1 { &:after { background-color: _palette(accent1); } }
108 &.style2 { &:after { background-color: _palette(accent2); } }
109 &.style3 { &:after { background-color: _palette(accent3); } }
110 &.style4 { &:after { background-color: _palette(accent4); } }
111 &.style5 { &:after { background-color: _palette(accent5); } }
112 &.style6 { &:after { background-color: _palette(accent6); } }
120 @include vendor('filter', 'blur(0.125em)');
121 @include vendor('transform', 'translateX(-0.5em)');
126 @include breakpoint('<=large') {
127 background-attachment: scroll;
130 @include breakpoint('<=small') {
131 @include padding(3em, 0, (2em, 0, 0, 0));
133 margin-bottom: -2.75em;
148 margin-bottom: _size(element-margin);
160 @include breakpoint('<=xsmall') {
161 @include padding(4em, 0, (2em, 0, 0, 0));
174 @include padding(6em, 0, (2em, 0, 0, 0));