keyrune/sass/_helpers.scss

44 lines
1.0 KiB
SCSS
Raw Permalink Normal View History

2016-12-14 17:54:48 +00:00
// _helpers.scss
2017-03-14 13:03:40 +00:00
/** Set Symbol Size Modifiers ====================
2016-12-14 17:54:48 +00:00
*/
@each $size in $keyrune_sizes {
.#{$keyrune_prefix}.#{$keyrune_prefix}-#{nth($size, 1)} {
font-size: #{nth($size, 2)};
}
}
2017-03-14 13:03:40 +00:00
/** Set Symbol No Border =========================
2016-12-14 17:54:48 +00:00
* | This class can remain a singleton since it is generic, making
* | it a helper class.
*/
.#{$keyrune_prefix}.#{$keyrune_prefix}-no-border {
-webkit-text-stroke: 0;
text-stroke: 0;
}
2017-03-14 13:03:40 +00:00
/** Set Symbol Border ============================
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;
}
@each $set in $mtg_setlist_borders {
/* #{nth($set, 1)} */
.#{$keyrune_prefix}.#{$keyrune_prefix}-#{nth($set, 2)}:after {
content: "#{nth($set, 3)}";
}
}
}