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 {
|
||||
background-color: unset;
|
||||
border: unset;
|
||||
}
|
||||
|
||||
.button.header {
|
||||
font-weight: normal;
|
||||
border-radius: 12px;
|
||||
height: 1cm;
|
||||
font-weight: 700;
|
||||
margin-top: 0.25cm;
|
||||
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) {
|
||||
.button.header {background-color: unset;}
|
||||
.button:hover {background-color: rgba(var(--black), 0.18);}
|
||||
.button:hover {background-color: rgba(var(--black), 0.10);}
|
||||
.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
Reference in a new issue