more FA5 stuff with small related refactoring
This commit is contained in:
parent
3814218277
commit
8b3a7ae8c0
30 changed files with 221 additions and 101 deletions
10
src/App.scss
10
src/App.scss
|
@ -106,7 +106,8 @@ button {
|
|||
color: var(--btnPressedText, $fallback--text);
|
||||
background-color: $fallback--fg;
|
||||
background-color: var(--btnPressed, $fallback--fg);
|
||||
i {
|
||||
|
||||
svg, i {
|
||||
color: $fallback--text;
|
||||
color: var(--btnPressedText, $fallback--text);
|
||||
}
|
||||
|
@ -118,7 +119,8 @@ button {
|
|||
color: var(--btnDisabledText, $fallback--text);
|
||||
background-color: $fallback--fg;
|
||||
background-color: var(--btnDisabled, $fallback--fg);
|
||||
i {
|
||||
|
||||
svg, i {
|
||||
color: $fallback--text;
|
||||
color: var(--btnDisabledText, $fallback--text);
|
||||
}
|
||||
|
@ -131,7 +133,8 @@ button {
|
|||
background-color: var(--btnToggled, $fallback--fg);
|
||||
box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.3), 0px 1px 0px 0px rgba(0, 0, 0, 0.2) inset, 0px -1px 0px 0px rgba(255, 255, 255, 0.2) inset;
|
||||
box-shadow: var(--buttonPressedShadow);
|
||||
i {
|
||||
|
||||
svg, i {
|
||||
color: $fallback--text;
|
||||
color: var(--btnToggledText, $fallback--text);
|
||||
}
|
||||
|
@ -808,7 +811,6 @@ nav {
|
|||
}
|
||||
|
||||
.button-icon {
|
||||
&i,
|
||||
&.svg-inline--fa.fa-lg {
|
||||
display: inline-block;
|
||||
padding: 0 0.3em;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue