Update custom widgets
This commit is contained in:
parent
46e7a5a163
commit
1e5e650fa2
1 changed files with 23 additions and 4 deletions
|
@ -1,15 +1,34 @@
|
||||||
.topbar.stealth {
|
.topbar.stealth {
|
||||||
background-color: unset;
|
|
||||||
border: unset;
|
border: unset;
|
||||||
}
|
}
|
||||||
|
|
||||||
.button.header {
|
.button.header {
|
||||||
font-weight: normal;
|
border-radius: 12px;
|
||||||
|
height: 1cm;
|
||||||
|
font-weight: 700;
|
||||||
margin-top: 0.25cm;
|
margin-top: 0.25cm;
|
||||||
width: 4cm;
|
width: 4cm;
|
||||||
|
background-color: unset;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* For tablet screens */
|
||||||
|
@media only screen and (max-width: 600px) {
|
||||||
|
.button.header {width: 3cm;}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* For phone screens */
|
||||||
|
@media only screen and (max-width: 500px) {
|
||||||
|
.button.header {width: 2cm;}
|
||||||
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: light) {
|
@media (prefers-color-scheme: light) {
|
||||||
.button.header {background-color: unset;}
|
.button:hover {background-color: rgba(var(--black), 0.10);}
|
||||||
.button:hover {background-color: rgba(var(--black), 0.18);}
|
.button.header.selected {background-color: rgba(var(--black), 0.18);}
|
||||||
|
.topbar.stealth {background-color: rgb(var(--whitebg));}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
.button:hover {background-color: rgba(var(--white), 0.10);}
|
||||||
|
.button.header.selected {background-color: rgba(var(--white), 0.18);}
|
||||||
|
.topbar.stealth {background-color: rgb(var(--blackbg));}
|
||||||
}
|
}
|
Loading…
Add table
Add a link
Reference in a new issue