John Cowen b84ee47ff0
ui: Fix brand coloring for inline-code plus docs (#11578)
* ui: Fix brand coloring for inline-code plus docs

Also use --tones instead of --black/--white (#11601)

Co-authored-by: Evan Rowe <ev.rowe@gmail.com>
2021-11-23 18:32:11 +00:00

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));
}
}