Deletes foundation icons, adds custom icons font
This commit is contained in:
75
app/assets/stylesheets/icons.scss
Normal file
75
app/assets/stylesheets/icons.scss
Normal file
@@ -0,0 +1,75 @@
|
||||
@charset "UTF-8";
|
||||
|
||||
@font-face {
|
||||
font-family: 'icons';
|
||||
src: font-url('icons.eot');
|
||||
src: font-url('icons.eot?#iefix') format('embedded-opentype'),
|
||||
font-url('icons.woff') format('woff'),
|
||||
font-url('icons.ttf') format('truetype'),
|
||||
font-url('icons.svg#icons') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
[data-icon]:before {
|
||||
font-family: "icons" !important;
|
||||
content: attr(data-icon);
|
||||
font-style: normal !important;
|
||||
font-weight: normal !important;
|
||||
font-variant: normal !important;
|
||||
text-transform: none !important;
|
||||
speak: none;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
[class^="icon-"]:before,
|
||||
[class*=" icon-"]:before {
|
||||
font-family: "icons" !important;
|
||||
font-style: normal !important;
|
||||
font-weight: normal !important;
|
||||
font-variant: normal !important;
|
||||
text-transform: none !important;
|
||||
speak: none;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-angle-down:before {
|
||||
content: "a";
|
||||
}
|
||||
.icon-angle-left:before {
|
||||
content: "b";
|
||||
}
|
||||
.icon-angle-right:before {
|
||||
content: "c";
|
||||
}
|
||||
.icon-angle-up:before {
|
||||
content: "d";
|
||||
}
|
||||
.icon-chat-bubble-two:before {
|
||||
content: "e";
|
||||
}
|
||||
.icon-like:before {
|
||||
content: "f";
|
||||
}
|
||||
.icon-unlike:before {
|
||||
content: "g";
|
||||
}
|
||||
.icon-twitter:before {
|
||||
content: "h";
|
||||
}
|
||||
.icon-quote-left:before {
|
||||
content: "l";
|
||||
}
|
||||
.icon-quote-right:before {
|
||||
content: "i";
|
||||
}
|
||||
.icon-calendar:before {
|
||||
content: "j";
|
||||
}
|
||||
.icon-lightbulb:before {
|
||||
content: "k";
|
||||
}
|
||||
Reference in New Issue
Block a user