mirror of
https://github.com/Noettore/cocoa-eh-hugo-theme.git
synced 2025-10-15 11:46:41 +02:00
Increase icon sizes for mobile widths
This commit is contained in:
14
main.less
14
main.less
@@ -284,12 +284,10 @@ body {
|
||||
}
|
||||
|
||||
.icon {
|
||||
font-size: 16px;
|
||||
|
||||
|
||||
font-size: 18px;
|
||||
|
||||
&.larger {
|
||||
font-size: 18px;
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -311,6 +309,14 @@ body {
|
||||
&:hover {
|
||||
color: @black;
|
||||
}
|
||||
|
||||
.icon {
|
||||
font-size: 16px;
|
||||
|
||||
&.larger {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
@@ -264,10 +264,10 @@ body {
|
||||
color: #fefefe;
|
||||
}
|
||||
.section.icons .content a .icon {
|
||||
font-size: 16px;
|
||||
font-size: 18px;
|
||||
}
|
||||
.section.icons .content a .icon.larger {
|
||||
font-size: 18px;
|
||||
font-size: 20px;
|
||||
}
|
||||
@media (min-width: 550px) {
|
||||
.section.icons {
|
||||
@@ -285,6 +285,12 @@ body {
|
||||
.section.icons .content a:hover {
|
||||
color: #333333;
|
||||
}
|
||||
.section.icons .content a .icon {
|
||||
font-size: 16px;
|
||||
}
|
||||
.section.icons .content a .icon.larger {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
.section.main .container {
|
||||
-webkit-align-items: center;
|
||||
|
Reference in New Issue
Block a user