ettore.dreucci/cocoa-eh-hugo-theme
1
0
Fork 0
mirror of https://github.com/Noettore/cocoa-eh-hugo-theme.git synced 2025-10-15 11:46:41 +02:00
Code Issues Packages Projects Releases Wiki Activity

Increase icon sizes for mobile widths

Browse Source
This commit is contained in:
Nishanth Shanmugham
2015-08-27 00:15:41 -05:00
parent c10b0581a3
commit b6e755f850
2 changed files with 18 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
main.less
View File

@@ -284,12 +284,10 @@ body {
} }
.icon { .icon {
font-size: 16px; font-size: 18px;
&.larger { &.larger {
font-size: 18px; font-size: 20px;
} }
} }
} }
@@ -311,6 +309,14 @@ body {
&:hover { &:hover {
color: @black; color: @black;
} }
.icon {
font-size: 16px;
&.larger {
font-size: 18px;
}
}
} }
} }

10
static/css/main.css
View File

@@ -264,10 +264,10 @@ body {
color: #fefefe; color: #fefefe;
} }
.section.icons .content a .icon { .section.icons .content a .icon {
font-size: 16px; font-size: 18px;
} }
.section.icons .content a .icon.larger { .section.icons .content a .icon.larger {
font-size: 18px; font-size: 20px;
} }
@media (min-width: 550px) { @media (min-width: 550px) {
.section.icons { .section.icons {
@@ -285,6 +285,12 @@ body {
.section.icons .content a:hover { .section.icons .content a:hover {
color: #333333; color: #333333;
} }
.section.icons .content a .icon {
font-size: 16px;
}
.section.icons .content a .icon.larger {
font-size: 18px;
}
} }
.section.main .container { .section.main .container {
-webkit-align-items: center; -webkit-align-items: center;