mirror of
https://github.com/andrewgioia/mana.git
synced 2024-10-31 23:44:47 +00:00
41 lines
895 B
SCSS
41 lines
895 B
SCSS
|
.#{$ms-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 black unless we're adding color to the background
|
||
|
|
color: #fff;
|
||
|
|
|
||
|
|
// multicolor symbol
|
||
|
|
&.#{$ms-prefix}-multicolor::after {
|
||
|
|
content: "\e986";
|
||
|
|
}
|
||
|
|
|
||
|
|
// colorized versions
|
||
|
|
&-color {
|
||
|
|
&::before {
|
||
|
|
color: #000;
|
||
|
|
}
|
||
|
|
&.#{$ms-prefix}-multicolor {
|
||
|
|
&::after {
|
||
|
|
color: @ms-multicolor-flat;
|
||
|
|
}
|
||
|
|
&.#{$ms-prefix}-grad::after {
|
||
|
|
background: @ms-multicolor-grad;
|
||
|
|
-webkit-background-clip: text;
|
||
|
|
-webkit-text-fill-color: transparent;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|