socialicons: add hover + cleanup

This commit is contained in:
dag7dev 2021-09-05 17:50:32 +02:00
parent 67621df015
commit adda9a8e23

View File

@ -1,24 +1,26 @@
.inline-svg {
display: inline-block;
height: 40px;
width: 40px;
top: 0.15rem;
position: relative;
}
.inline-svg:hover {
opacity: 0.5;
}
.social-icons {
display: flex;
flex-wrap: wrap;
flex-direction: row
}
@media screen {
.inline-svg {
display: inline-block;
height: 40px;
width: 40px;
top: 0.15rem;
position: relative;
}
.social-icons>* {
flex: 0 0 25%;
padding-right: 10px;
}
.social-icons>* {
flex: 0 0 25%;
padding-right: 10px;
}
@media (max-width:960px) {
.inline-svg {
display: inline-block;
@ -32,3 +34,4 @@
padding-right: 10px;
}
}