therwi/sunkkoma
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

buttonPressed & buttonDisabled slots

Browse source
This commit is contained in:
Henry Jameson 2020-01-13 21:30:55 +02:00
parent 8a7f3fc16a
commit 4b8e0f0afa
3 changed files with 100 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

44
src/App.scss
View file

@ -107,7 +107,10 @@ button {
&:disabled {
cursor: not-allowed;
opacity: 0.5;
color: $fallback--text;
color: var(--btnDisabledText, $fallback--text);
background-color: $fallback--fg;
background-color: var(--btnDisabled, $fallback--fg)
}
&.pressed {
@ -365,6 +368,26 @@ i[class*=icon-] {
height: 50px;
box-sizing: border-box;
button {
&, i[class*=icon-] {
color: $fallback--text;
color: var(--btnTopBarText, $fallback--text);
}
&:active {
background-color: $fallback--fg;
background-color: var(--btnTopBarPressed, $fallback--fg);
color: $fallback--text;
color: var(--btnTopBarPressedText, $fallback--text);
}
&:disabled {
color: $fallback--text;
color: var(--btnTopBarDisabledText, $fallback--text);
}
}
.logo {
display: flex;
position: absolute;
@ -525,6 +548,25 @@ main-router {
align-self: stretch;
}
button {
&, i[class*=icon-] {
color: $fallback--text;
color: var(--btnPanelText, $fallback--text);
}
&:active {
background-color: $fallback--fg;
background-color: var(--btnPanelPressed, $fallback--fg);
color: $fallback--text;
color: var(--btnPanelPressedText, $fallback--text);
}
&:disabled {
color: $fallback--text;
color: var(--btnPanelDisabledText, $fallback--text);
}
}
a {
color: $fallback--link;
color: var(--panelLink, $fallback--link)