blob: 6626626d896c87f0cd9a946d98618697348a3a4a (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
// This is for the Abridge icon font, the css for this is adapted from fontello.
// I experimented using this, it is still here for those that want it, but not used by default.
// It is a pretty lightweight solution, but still not as good as svg icons directly in the css.
// The loading of icon fonts is blocked by noscript type browser addons, but css icons are not.
@font-face {
font-family: 'Abridge';
src: url('font/Abridge.woff2') format('woff2');
}
[class^="i-"]:before, [class*=" i-"]:before {
font-family: "Abridge";
font-style: normal;
font-weight: normal;
font-variant: normal;// reset parent styles that can break glyph codes
text-transform: none;// reset parent styles that can break glyph codes
line-height: 1em;// fix buttons height
width: 1em;// fix buttons width
vertical-align: 1em;// fix buttons alignment
text-align: center;
display: inline-block;
//text-decoration: inherit;
}
.i-search:before { content: '\f002'; } // search box button
.i-adjust:before { content: '\f042'; } // theme switcher button
.i-first:before { content: '\f100'; } // pagination first page
.i-last:before { content: '\f101'; } // pagination last page
.i-prev:before { content: '\f104'; } // pagination previous page
.i-next:before { content: '\f105'; } // pagination next page
.i-up:before { content: '\f106'; } // back to top button
|
