3 /// html5up.net | @ajlkn
4 /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
14 @include vendor('appearance', 'none');
15 @include vendor('transition', (
16 'background-color #{_duration(transition)} ease-in-out',
17 'box-shadow #{_duration(transition)} ease-in-out',
18 'color #{_duration(transition)} ease-in-out'
20 background-color: transparent;
23 box-shadow: inset 0 0 0 2px _palette(fg-bold);
24 color: _palette(fg-bold);
26 display: inline-block;
28 font-weight: _font(weight-bold);
30 letter-spacing: _font(letter-spacing-alt);
34 text-decoration: none;
35 text-transform: uppercase;
39 box-shadow: inset 0 0 0 2px _palette(highlight);
40 color: _palette(highlight);
44 background-color: transparentize(_palette(highlight), 0.9);
45 box-shadow: inset 0 0 0 2px desaturate(darken(_palette(highlight), 15), 5);
46 color: desaturate(darken(_palette(highlight), 15), 5);
74 @include vendor('transition', 'opacity #{_duration(transition)} ease-in-out');
75 background-position: center right;
76 background-repeat: no-repeat;
77 background-size: 36px 24px;
84 vertical-align: middle;
89 background-image: svg-url('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="36px" height="24px" viewBox="0 0 36 24" zoomAndPan="disable"><style>line { stroke: #{_palette(fg-bold)}; stroke-width: 2px; }</style><line x1="0" y1="12" x2="34" y2="12" /><line x1="25" y1="4" x2="34" y2="12.5" /><line x1="25" y1="20" x2="34" y2="11.5" /></svg>');
93 background-image: svg-url('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="36px" height="24px" viewBox="0 0 36 24" zoomAndPan="disable"><style>line { stroke: #{_palette(highlight)}; stroke-width: 2px; }</style><line x1="0" y1="12" x2="34" y2="12" /><line x1="25" y1="4" x2="34" y2="12.5" /><line x1="25" y1="20" x2="34" y2="11.5" /></svg>');
104 @include breakpoint('<=large') {
110 background-color: _palette(fg-bold);
115 background-color: _palette(highlight);
116 color: _palette(bg) !important;
120 background-color: desaturate(darken(_palette(highlight), 15), 5);
126 @include vendor('pointer-events', 'none');