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,10 +1,3 @@
.social-icons {
display: flex;
flex-wrap: wrap;
flex-direction: row
}
@media screen {
.inline-svg { .inline-svg {
display: inline-block; display: inline-block;
height: 40px; height: 40px;
@ -13,11 +6,20 @@
position: relative; position: relative;
} }
.inline-svg:hover {
opacity: 0.5;
}
.social-icons {
display: flex;
flex-wrap: wrap;
flex-direction: row
}
.social-icons>* { .social-icons>* {
flex: 0 0 25%; flex: 0 0 25%;
padding-right: 10px; padding-right: 10px;
} }
}
@media (max-width:960px) { @media (max-width:960px) {
.inline-svg { .inline-svg {
@ -32,3 +34,4 @@
padding-right: 10px; padding-right: 10px;
} }
} }