Add a hover animation to the webring widget
This commit is contained in:
parent
89acb43003
commit
40bb58b9a6
|
@ -195,21 +195,15 @@ code {
|
||||||
grid-auto-flow: column;
|
grid-auto-flow: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
.picker-prev {
|
.picker-prev:hover,
|
||||||
margin-left: 20px;
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
.picker-prev:hover {
|
|
||||||
margin-right: 20px;
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
.picker-next {
|
|
||||||
margin-right: 20px;
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
.picker-next:hover {
|
.picker-next:hover {
|
||||||
margin-left: 20px;
|
padding-right: 20px;
|
||||||
margin-right: 0;
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
.picker-next, .picker-prev {
|
||||||
|
transition: padding 50ms ease-out;
|
||||||
|
padding-right: 0;
|
||||||
|
padding-left: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Color Scheme */
|
/* Color Scheme */
|
||||||
|
|
Loading…
Reference in a new issue