ThirdMirrors
/
cheatsheets
mirror of https://gitee.com/Hawkin99/cheatsheets.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Lessen gutters on mobile

This commit is contained in:
Rico Sta. Cruz 2017-09-01 00:54:13 +08:00
parent fbd6663a28
commit 6998fe446d
No known key found for this signature in database
GPG Key ID: CAAD38AE2962619A
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
_sass/2017/components/h3-section.scss
View File

@ -50,7 +50,7 @@
} }
&::after { &::after {
@include section-gutter(margin-left, $multiplier: 2); @include section-gutter(margin-left, $multiplier: 1.5);
content: ''; content: '';
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;

8
_sass/2017/utils/section-gutter.scss
View File

@ -1,3 +1,11 @@
@mixin section-gutter($property, $multiplier: 1) { @mixin section-gutter($property, $multiplier: 1) {
#{$property}: 16px * $multiplier; #{$property}: 16px * $multiplier;
@media (max-width: 480px) {
#{$property}: 8px * $multiplier;
}
@media (max-width: 768px) {
#{$property}: 12px * $multiplier;
}
} }