2 /// Massively by HTML5 UP
3 /// html5up.net | @ajlkn
4 /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
11 @include vendor('transition', (
12 'color #{_duration(transition)} ease-in-out',
13 'background-color #{_duration(transition)} ease-in-out',
14 'box-shadow #{_duration(transition)} ease-in-out'
21 color: _palette(invert, fg-bold);
22 font-family: _font(family-heading);
24 font-weight: _font(weight-heading);
25 letter-spacing: 0.075em;
26 padding: 0.375rem 1.25rem;
27 text-transform: uppercase;
28 z-index: _misc(z-index-base) + 1;
36 background-color: transparentize(_palette(bg), 0.125);
37 box-shadow: 0 0.125rem 0.75rem 0 transparentize(_palette(invert, bg), 0.75);
38 color: _palette(fg-bold);
41 background-color: _palette(bg);
45 @include breakpoint('<=medium') {
49 @include breakpoint('<=small') {
51 padding: 0.25rem 1rem;
56 @include vendor('transform', 'translateX(20rem)');
57 @include vendor('transition', ('transform #{_duration(menu)} ease', 'box-shadow #{_duration(menu)} ease', 'visibility #{_duration(menu)}'));
59 -webkit-overflow-scrolling: touch;
60 background: _palette(bg);
62 color: _palette(fg-bold);
72 z-index: _misc(z-index-base) + 2;
79 border-top: solid 2px _palette(border);
84 font-family: _font(family-heading);
87 font-weight: _font(weight-heading);
88 letter-spacing: 0.075em;
90 text-transform: uppercase;
101 @include vendor('transition', 'color #{_duration(transition)} ease-in-out');
102 -webkit-tap-highlight-color: rgba(0,0,0,0);
104 color: _palette(fg-light);
108 line-height: 3.25rem;
109 padding-right: 1.25rem;
114 vertical-align: middle;
123 color: _palette(fg-bold);
126 @include breakpoint('<=small') {
132 @include breakpoint('<=medium') {
136 @include breakpoint('<=small') {
137 padding: 2.5rem 1.75rem;
141 @include breakpoint('<=medium') {
142 body.is-navPanel-visible {
148 @include vendor('transform', 'translateX(0)');
149 box-shadow: 0 0 1.5rem 0 rgba(0,0,0,0.2);