mirror of
https://github.com/status-im/consul.git
synced 2025-01-19 02:03:00 +00:00
5ab7e48862
This commit/PR beings to move away from using CSS preprocessing for our icons and towards using native CSS via native CSS property composition
44 lines
771 B
SCSS
44 lines
771 B
SCSS
%theme-light {
|
|
--theme-dark-none: ;
|
|
--theme-light-none: initial;
|
|
}
|
|
%theme-dark {
|
|
--theme-dark-none: initial;
|
|
--theme-light-none: ;
|
|
}
|
|
%with-glyph-icon {
|
|
font-weight: var(--typo-weight-normal);
|
|
background-color: rgb(var(--tone-gray-100));
|
|
visibility: visible;
|
|
padding: 0 4px;
|
|
}
|
|
%as-pseudo {
|
|
content: '';
|
|
}
|
|
%led-icon {
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
width: 12px;
|
|
height: 12px;
|
|
}
|
|
%led-icon::after,
|
|
%led-icon::before {
|
|
content: '';
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 100%;
|
|
}
|
|
%led-icon::before {
|
|
border: 1px solid currentColor;
|
|
opacity: 0.5;
|
|
}
|
|
%led-icon::after {
|
|
position: absolute;
|
|
top: 2px;
|
|
left: 2px;
|
|
width: calc(100% - 4px);
|
|
height: calc(100% - 4px);
|
|
background-color: currentColor;
|
|
}
|