mirror of https://github.com/ascribe/onion.git
82 lines
2.1 KiB
SCSS
82 lines
2.1 KiB
SCSS
/*
|
|
These glyphs are generated using: https://icomoon.io
|
|
Even though it seems radically complicated, check out the site,
|
|
its fairly straight forward.
|
|
|
|
If someone wants you to add a new glyph go to the site,
|
|
drop in the regular ascribe-font font and select all icons.
|
|
Then also add the new glyph, name and address it correctly and download
|
|
the font again.
|
|
|
|
Once you replace all the fonts they gave you, you're done.
|
|
*/
|
|
|
|
@font-face {
|
|
font-family: 'ascribe-font';
|
|
src:url('#{$BASE_URL}static/fonts/ascribe-font.eot?q6qoae');
|
|
src:url('#{$BASE_URL}static/fonts/ascribe-font.eot?q6qoae#iefix') format('embedded-opentype'),
|
|
url('#{$BASE_URL}static/fonts/ascribe-font.ttf?q6qoae') format('truetype'),
|
|
url('#{$BASE_URL}static/fonts/ascribe-font.woff?q6qoae') format('woff'),
|
|
url('#{$BASE_URL}static/fonts/ascribe-font.svg?q6qoae#ascribe-font') format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
[class^="icon-ascribe-"], [class*=" icon-ascribe-"] {
|
|
/* use !important to prevent issues with browser extensions that change fonts */
|
|
font-family: 'ascribe-font' !important;
|
|
speak: none;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
|
|
/* Better Font Rendering =========== */
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
.icon-ascribe-add:before {
|
|
content: "\e800";
|
|
}
|
|
.icon-ascribe-sort:before {
|
|
content: "\e801";
|
|
}
|
|
.icon-ascribe-search:before {
|
|
content: "\e802";
|
|
}
|
|
.icon-ascribe-filter:before {
|
|
content: "\e803";
|
|
}
|
|
.icon-ascribe-add-white:before {
|
|
content: "\e804";
|
|
}
|
|
.icon-ascribe-add-blue .path1:before {
|
|
content: "\e805";
|
|
color: rgb(0, 60, 106);
|
|
}
|
|
.icon-ascribe-add-blue .path2:before {
|
|
content: "\e806";
|
|
margin-left: -1em;
|
|
color: rgb(255, 255, 255);
|
|
}
|
|
.icon-ascribe-icon:before {
|
|
content: "\e807";
|
|
}
|
|
.icon-ascribe-logo:before {
|
|
content: "\e808";
|
|
}
|
|
.icon-ascribe-ok:before {
|
|
content: "\e809";
|
|
font-size: .7em;
|
|
}
|
|
.icon-ascribe-thin-cross:before {
|
|
content: "\e810";
|
|
}
|
|
|
|
.btn-glyph-ascribe {
|
|
font-size: 18px;
|
|
padding: 4px 12px 0 10px
|
|
}
|