consul/ui/packages/consul-ui/app/styles/base/icons/base-placeholders.scss

41 lines
735 B
SCSS

/**
* Copyright (c) HashiCorp, Inc.
* SPDX-License-Identifier: BUSL-1.1
*/
%with-glyph-icon {
font-weight: var(--token-typography-font-weight-regular);
background-color: var(--token-color-surface-strong);
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;
}