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

25
assets/scss/socialicons.scss
View File

@ -1,3 +1,10 @@
.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;
@ -6,22 +13,22 @@
position: relative; position: relative;
} }
.social-icons {
display: flex;
flex-wrap: wrap;
flex-direction: row
}
@media screen {
.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;
} }
} }