3 /// html5up.net | @ajlkn
4 /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
15 display: inline-block;
17 vertical-align: middle;
20 @include vendor('transition', (
21 'background-color #{_duration(transition)} ease-in-out',
22 'color #{_duration(transition)} ease-in-out'
25 display: inline-block;
27 font-weight: _font(weight-bold);
36 background-color: _palette_light(fg-bold);
37 color: _palette_light(bg);
38 @media screen and (prefers-color-scheme: dark) {
39 background-color: _palette_dark(fg-bold);
40 color: _palette_dark(bg);
44 background-color: _palette_light(highlight);
45 color: _palette_light(bg) !important;
46 @media screen and (prefers-color-scheme: dark) {
47 background-color: _palette_dark(highlight);
48 color: _palette_dark(bg) !important;
53 background-color: desaturate(darken(_palette_light(highlight), 15), 5);
54 @media screen and (prefers-color-scheme: dark) {
55 background-color: desaturate(darken(_palette_dark(highlight), 15), 5);
62 padding-right: 0.75em;
70 @include breakpoint('<=xsmall') {
72 &:nth-child(n+2):nth-last-child(n+2) {
90 display: inline-block;
92 vertical-align: middle;
95 padding-right: 0.75em;
103 @include breakpoint('<=xsmall') {
105 &:nth-child(n+2):nth-last-child(n+2) {