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

mobile: smaller icons on mobile

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

31
assets/scss/socialicons.scss
View File

@ -1,27 +1,34 @@
.inline-svg {
display: inline-block;
height: 40px;
width: 40px;
top: 0.15rem;
position: relative;
}
.social-icons { .social-icons {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
flex-direction: row flex-direction: row
} }
@media screen { @media screen {
.inline-svg {
display: inline-block;
height: 40px;
width: 40px;
top: 0.15rem;
position: relative;
}
.social-icons>* { .social-icons>* {
flex: 0 0 25%; flex: 0 0 25%;
padding-left: 10px; padding-right: 10px;
} }
} }
@media (max-width:960px) { @media (max-width:960px) {
.inline-svg {
display: inline-block;
height: 20px;
width: 20px;
top: 0.15rem;
}
.social-icons>* { .social-icons>* {
flex: 0 0 5%; flex: 0 0 5%;
padding-left: 10px; padding-right: 10px;
} }
} }