zotero/scss/base/_base.scss
windingwind 69b4789c17
Unify richlistitem styling rules (#4511)
Unify richlistitem styling rules

- Fix richlistitem unwanted focus ring on Linux
fix: #4510
- Simplify richlistbox styling rules and do not follow Mozilla code
- Use --default-focusring-width for v-table
2024-08-09 15:57:56 +03:00

29 lines
955 B
SCSS

:root {
font-family: system-ui, -apple-system, sans-serif;
font-size: 13px;
font-style: normal;
line-height: 1.3333333333;
--default-focusring-width: 1px;
@media (-moz-platform: windows) {
--color-accent: var(--accent-blue);
--color-accent-text: #fff;
@include light-dark(--color-focus-outer-border, var(--fill-primary), var(--accent-white));
@include light-dark(--color-focus-border, var(--accent-white), #00000080);
--width-focus-outer-border: 2px;
--width-focus-border: 1px;
}
@media (-moz-platform: macos) {
--color-accent: SelectedItem;
--color-accent-text: SelectedItemText;
--color-focus-border: -moz-mac-focusring;
--width-focus-border: 3px;
}
@media (-moz-platform: linux) {
--color-accent: SelectedItem;
--color-accent-text: SelectedItemText;
--color-focus-border: var(--color-accent);
--width-focus-border: 2px;
}
// Only used on Windows
--color-form-element-base-background: var(--color-background);
}