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)
10 @include vendor('display', 'inline-flex');
11 @include vendor('user-select', 'none');
14 margin: 0 0 _size(element-margin) 2px;
18 @include vendor('transition', (
19 'background-color #{_duration(transition)} ease-in-out',
20 'border-color #{_duration(transition)} ease-in-out',
21 'box-shadow #{_duration(transition)} ease-in-out',
22 'color #{_duration(transition)} ease-in-out'
25 display: inline-block;
26 font-family: _font(family-heading);
28 font-weight: _font(weight-heading);
29 height: _size(element-height);
30 letter-spacing: 0.075em;
31 letter-spacing: _font(letter-spacing-heading);
32 line-height: calc(#{_size(element-height)} - 4px);
34 min-width: _size(element-height);
37 text-decoration: none;
38 text-transform: uppercase;
46 display: inline-block;
47 color: inherit !important;
54 margin-right: (0.75em / 0.8);
62 margin-left: (0.75em / 0.8);
66 @include breakpoint('<=medium') {
72 @include breakpoint('<=xsmall') {
79 @mixin color-pagination($p: null) {
82 border-color: _palette($p, border);
86 color: _palette($p, fg-bold) !important;
89 color: _palette($p, accent) !important;
90 border-color: _palette($p, accent);
95 border-left-color: _palette($p, accent);
100 background-color: _palette($p, border);
105 color: _palette($p, border);
110 @include color-pagination;