Add our new custom icon font and fix platform links (#1284)
Fixes #1250, #1249
This commit is contained in:
54
_sass/ptio-font.scss
Normal file
54
_sass/ptio-font.scss
Normal file
@ -0,0 +1,54 @@
|
||||
/*
|
||||
Icon Font: ptio-font
|
||||
*/
|
||||
|
||||
@font-face {
|
||||
font-family: "ptio-font";
|
||||
src: url("../webfonts/ptio-font.eot");
|
||||
src: url("../webfonts/ptio-font.eot?#iefix") format("embedded-opentype"),
|
||||
url("../webfonts/ptio-font.woff2") format("woff2"),
|
||||
url("../webfonts/ptio-font.woff") format("woff"),
|
||||
url("../webfonts/ptio-font.ttf") format("truetype"),
|
||||
url("../webfonts/ptio-font.svg#ptio-font") format("svg");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
||||
@font-face {
|
||||
font-family: "ptio-font";
|
||||
src: url("../webfonts/ptio-font.svg#ptio-font") format("svg");
|
||||
}
|
||||
}
|
||||
|
||||
[data-icon]:before { content: attr(data-icon); }
|
||||
|
||||
[data-icon]:before,
|
||||
.ptio-f-droid:before,
|
||||
.ptio-ios:before,
|
||||
.ptio-linux:before,
|
||||
.ptio-macos:before,
|
||||
.ptio-netbsd:before,
|
||||
.ptio-openbsd:before,
|
||||
.ptio-sailfish-os:before {
|
||||
display: inline-block;
|
||||
font-family: "ptio-font";
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
line-height: 1;
|
||||
text-decoration: inherit;
|
||||
text-rendering: optimizeLegibility;
|
||||
text-transform: none;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
.ptio-f-droid:before { content: "\f100"; }
|
||||
.ptio-ios:before { content: "\f101"; }
|
||||
.ptio-linux:before { content: "\f107"; }
|
||||
.ptio-macos:before { content: "\f102"; }
|
||||
.ptio-netbsd:before { content: "\f103"; }
|
||||
.ptio-openbsd:before { content: "\f104"; }
|
||||
.ptio-sailfish-os:before { content: "\f106"; }
|
Reference in New Issue
Block a user