Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-20 22:42:53 -05:00
Code Issues Activity

Tweak icon mixin adjustments to reduce compiled filesize

Browse source 
See #509
This commit is contained in:
John O'Nolan 2013-09-16 09:41:23 +01:00
parent 957ca3c58b
commit 03419f12e0
1 changed files with 16 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
core/client/assets/sass/modules/icons.scss
View file

@ -33,14 +33,9 @@
The Icon Element The Icon Element
============================================================================= */ ============================================================================= */
/* @mixin icon($char, $size: '', $color: '') {
* Epic dynamic icon element by Eric Eggert, this thing is so fucking cool it's &:before {
* actually unreal. - bit.ly/TJwPPo // Base
*/
@mixin icon-base() {
&:before,
&:after {
font-family: "Icons"; font-family: "Icons";
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
@ -49,13 +44,8 @@
speak: none; speak: none;
line-height: 1; line-height: 1;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
}
} //Function
@mixin icon($char, $size: '', $color: '') {
@include icon-base;
&:before {
content: '#{$char}'; content: '#{$char}';
@if $size != '' { @if $size != '' {
font-size: $size; font-size: $size;
@ -77,9 +67,18 @@
*/ */
@mixin icon-after($char, $size: '', $color: '') { @mixin icon-after($char, $size: '', $color: '') {
@include icon-base;
&:after { &:after {
// Base
font-family: "Icons";
font-weight: normal;
font-style: normal;
vertical-align: -7%;
text-transform:none;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
// Function
content: '#{$char}'; content: '#{$char}';
@if $size != '' { @if $size != '' {
font-size: $size; font-size: $size;