34 lines
828 B
Sass
34 lines
828 B
Sass
@use 'styles/_tokens' as *
|
|
|
|
body
|
|
font-family: var(--font-body)
|
|
background: var(--bg)
|
|
color: var(--fg)
|
|
font-size: 14px
|
|
line-height: 1.55
|
|
-webkit-font-smoothing: antialiased
|
|
|
|
button
|
|
font-family: inherit
|
|
cursor: pointer
|
|
|
|
input, select
|
|
font-family: inherit
|
|
|
|
:focus-visible
|
|
outline: 2px solid var(--accent)
|
|
outline-offset: 2px
|
|
border-radius: 4px
|
|
|
|
.num
|
|
font-family: var(--font-mono)
|
|
font-variant-numeric: tabular-nums
|
|
letter-spacing: 0
|
|
|
|
// ng-select dropdown appended to <body> must sit above Bootstrap modals (z-index 1055).
|
|
// ng-select's own component styles set .ng-dropdown-panel { z-index: 1050 } and are
|
|
// injected after global styles, so a plain `.ng-dropdown-panel` rule would lose the
|
|
// cascade — the `body >` selector wins on specificity instead.
|
|
body > .ng-dropdown-panel
|
|
z-index: 1060
|