keyrune/less/duo.less

136 lines
2.9 KiB
Plaintext

/**
* Handling for set symbols that use an inner and outer layer, like M21
*
* The inner layer is what gets colorized and is the traditional "set symbol"
* The outer layer takes over as the border, and is white for common cards
* but black for uncommon, rare, and mythic.
*/
.@{ss-prefix}-duo {
// base border styles
&::after {
color: #000;
content: '';
display: block;
font-size: 1em;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
// set default inner to white unless a rarity is declared
color: #fff;
/**
* white sections are ::after
* color sections are ::before */
// Warhammer 40K
// 2 glyphs b/c we have a custom color glyph
&.@{ss-prefix}-40k {
&::before {
content: "\e999";
width: 100%;
}
&::after {
content: "\e99b";
color: #fff !important;
}
}
// Adventures in the Forgotten Realms
&.@{ss-prefix}-xdnd::after,
&.@{ss-prefix}-afr::after {
content: "\e973";
}
&.@{ss-prefix}-afc::after {
content: "\e982";
}
// Commander 2021
&.@{ss-prefix}-c21::after {
content: "\e97f";
}
// Commander Legends: Battle for Baldur's Gate
&.@{ss-prefix}-clb::after {
content: "\e992";
}
// Commander Collection: Black
&.@{ss-prefix}-cc2::after {
content: "\e988";
}
// Dominaria United Commander
// 2 glyphs b/c we have a custom color glyph
&.@{ss-prefix}-dmc {
&::before {
content: "\e995";
width: 100%;
}
&::after {
content: "\e997";
color: #fff !important;
}
}
// Jumpstart: Historic Horizons
&.@{ss-prefix}-j21::after {
content: "\e984";
}
// Lord of the Rings Commander
// 2 glyphs b/c we have a custom color glyph
&.@{ss-prefix}-ltc {
&::before {
content: "\e9b7";
width: 100%;
}
&::after {
content: "\e9b8";
color: #fff !important;
}
}
// Innistrad Werewolves
&.@{ss-prefix}-mid::after {
content: "\e979";
}
// Starter Commander Decks
&.@{ss-prefix}-scd::after {
content: "\e9ac";
}
// Streets of New Capenna: Commander
// uses 2 separate glyphs to construct this
&.@{ss-prefix}-ncc {
&::before {
content: "\e98f";
}
&::after {
content: "\e990";
}
}
// rarity border colors
&.@{ss-prefix}-common:after {
color: #fff;
}
&.@{ss-prefix}-uncommon,
&.@{ss-prefix}-rare,
&.@{ss-prefix}-mythic {
&::after {
color: #000;
}
// exceptions
&.@{ss-prefix}-clb::after {
color: #fff;
}
}
}