kopia lustrzana https://gitlab.com/soapbox-pub/soapbox
Emoji chooser hover state
rodzic
cf772753ae
commit
f402ac67b3
|
@ -59,7 +59,7 @@
|
||||||
bottom: 100%;
|
bottom: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
padding: 8px;
|
padding: 5px 8px;
|
||||||
border-radius: 9999px;
|
border-radius: 9999px;
|
||||||
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
|
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
@ -68,13 +68,24 @@
|
||||||
|
|
||||||
&__emoji {
|
&__emoji {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 0 2px;
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
width: 30px;
|
width: 30px;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
|
padding: 3px;
|
||||||
|
transition: 0.1s;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
img {
|
||||||
|
width: 36px;
|
||||||
|
height: 36px;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Ładowanie…
Reference in New Issue