consul/ui/packages/consul-ui/app/styles/base/icons/base-placeholders.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;
}