consul/ui/packages/consul-ui/app/components/tabular-dl/skin.scss

22 lines
521 B
SCSS

%tabular-dl {
> dt:last-of-type,
> dd:last-of-type {
border-color: rgb(var(--tone-gray-300)) !important;
}
dt,
dd {
border-color: rgb(var(--tone-gray-300)) !important;
color: rgb(var(--tone-gray-999)) !important;
}
dt {
font-weight: var(--typo-weight-bold);
}
dd .copy-button button::before {
background-color: rgb(var(--tone-gray-999));
}
dt.type + dd span::before {
@extend %with-info-circle-outline-mask, %as-pseudo;
background-color: rgb(var(--tone-gray-500));
}
}