tabs & toggled (ex pressed) buttons
This commit is contained in:
parent
4b8e0f0afa
commit
9f7af191e8
7 changed files with 90 additions and 15 deletions
22
src/App.scss
22
src/App.scss
|
@ -113,11 +113,11 @@ button {
|
|||
background-color: var(--btnDisabled, $fallback--fg)
|
||||
}
|
||||
|
||||
&.pressed {
|
||||
color: $fallback--faint;
|
||||
color: var(--faint, $fallback--faint);
|
||||
background-color: $fallback--bg;
|
||||
background-color: var(--bg, $fallback--bg)
|
||||
&.toggled {
|
||||
color: $fallback--text;
|
||||
color: var(--btnToggledText, $fallback--text);
|
||||
background-color: $fallback--fg;
|
||||
background-color: var(--btnToggled, $fallback--fg)
|
||||
}
|
||||
|
||||
&.danger {
|
||||
|
@ -385,6 +385,13 @@ i[class*=icon-] {
|
|||
color: $fallback--text;
|
||||
color: var(--btnTopBarDisabledText, $fallback--text);
|
||||
}
|
||||
|
||||
&.toggled {
|
||||
color: $fallback--text;
|
||||
color: var(--btnTopBarToggledText, $fallback--text);
|
||||
background-color: $fallback--fg;
|
||||
background-color: var(--btnTopBarToggled, $fallback--fg)
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
@ -565,6 +572,11 @@ main-router {
|
|||
color: $fallback--text;
|
||||
color: var(--btnPanelDisabledText, $fallback--text);
|
||||
}
|
||||
|
||||
&.toggled {
|
||||
color: $fallback--text;
|
||||
color: var(--btnPanelToggledText, $fallback--text);
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue