keyrune/sass/_helpers.scss

48 lines
1.2 KiB
SCSS
Raw Normal View History

/**
* Sizes */
@each $class, $size in $keyrune_sizes {
.#{$keyrune_prefix}.#{$keyrune_prefix}-#{$class} {
font-size: #{$size};
}
2016-12-14 17:54:48 +00:00
}
/**
* Fixed width */
.#{$keyrune_prefix}.#{$keyrune_prefix}-fw {
width: calc(18em / #{$keyrune_font_size / ($keyrune_font_size * 0 + 1)});
text-align: center;
}
/**
* Force no border */
2016-12-14 17:54:48 +00:00
.#{$keyrune_prefix}.#{$keyrune_prefix}-no-border {
-webkit-text-stroke: 0;
text-stroke: 0;
2016-12-14 17:54:48 +00:00
}
/**
* Icon borders */
2016-12-14 17:54:48 +00:00
.#{$keyrune_prefix}.#{$keyrune_prefix}-border {
&:after {
content: "";
position: absolute;
left: -0.05em;
top: 0.0em;
z-index: -1;
color: $white;
font-size: 1.15em;
background: $white;
-webkit-text-stroke: 0.05em $white;
-webkit-background-clip: $keyrune_background_clip;
-webkit-text-fill-color: $keyrune_text_fill;
}
2016-12-14 17:54:48 +00:00
// adding a white version of the symbol for these problem sets,
// instead of using the generic text-stroke above
@each $set, $code, $glyph in $border-corrections {
&.#{$keyrune_prefix}-#{$code}:after { /* #{$set} */
content: ss-content($glyph);
}
2016-12-14 17:54:48 +00:00
}
}