make buttons hoverable
This commit is contained in:
parent
b5fb95b3cb
commit
27508891bc
2 changed files with 13 additions and 2 deletions
|
@ -25,7 +25,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.headerbutton:hover {
|
.headerbutton:hover {
|
||||||
background-color: #EBEBEB;
|
background-color: #fafafa;
|
||||||
}
|
}
|
||||||
|
|
||||||
.topbar {
|
.topbar {
|
||||||
|
|
13
style.css
13
style.css
|
@ -102,8 +102,14 @@ html *
|
||||||
padding: 10px 10px;
|
padding: 10px 10px;
|
||||||
margin-top: 1cm;
|
margin-top: 1cm;
|
||||||
margin-bottom: 1cm;
|
margin-bottom: 1cm;
|
||||||
|
transition-duration: 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.button:hover {
|
||||||
|
background-color: rgba(0, 0, 0, 0.18);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
.gtk-button-pill {
|
.gtk-button-pill {
|
||||||
position: relative;
|
position: relative;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
@ -131,7 +137,8 @@ html *
|
||||||
margin-bottom: 0.5cm;
|
margin-bottom: 0.5cm;
|
||||||
min-height: 3cm;
|
min-height: 3cm;
|
||||||
min-width: 6cm;
|
min-width: 6cm;
|
||||||
width: 32.5%
|
width: 32.5%;
|
||||||
|
transition-duration: 0.2s;
|
||||||
}
|
}
|
||||||
.itemcard-stealth {
|
.itemcard-stealth {
|
||||||
display: grid;
|
display: grid;
|
||||||
|
@ -144,6 +151,10 @@ html *
|
||||||
transition-duration: 0.2s;
|
transition-duration: 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.itemcard:hover {
|
||||||
|
background-color: #fafafa;
|
||||||
|
}
|
||||||
|
|
||||||
.itemcard-stealth:hover {
|
.itemcard-stealth:hover {
|
||||||
background-color: #e0e0e0;
|
background-color: #e0e0e0;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue