Sync/hugo-theme-stack
1
0
Fork 1
mirror of https://github.com/CaiJimmy/hugo-theme-stack.git synced 2025-04-29 20:13:31 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

socialicons: add hover + cleanup

Browse Source
This commit is contained in:
dag7dev 2021-09-05 17:50:32 +02:00
parent 67621df015
commit adda9a8e23
1 changed files with 17 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
assets/scss/socialicons.scss
View File

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