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

Adjust spacing up a bit

This commit is contained in:
Rico Sta. Cruz 2017-08-30 04:49:28 +08:00
parent ef3ac2be70
commit 7491886055
No known key found for this signature in database
GPG Key ID: CAAD38AE2962619A
2 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
_sass/2017/components/h3-section-list.scss
View File

@ -1,3 +1,7 @@
@mixin section-gutter($property, $multiplier: 1) {
#{$property}: 12px * $multiplier;
}
/* /*
* H3 section list: * H3 section list:
* The body that is isotoped. * The body that is isotoped.
@ -5,8 +9,8 @@
.h3-section-list { .h3-section-list {
& { & {
@include gutter(margin-left, $multiplier: -1); @include section-gutter(margin-left, $multiplier: -1);
@include gutter(margin-right, $multiplier: -1); @include section-gutter(margin-right, $multiplier: -1);
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
} }
@ -21,13 +25,16 @@
// Each section // Each section
& > .h3-section { & > .h3-section {
@include gutter(padding); @include section-gutter(padding);
float: left; float: left;
width: 100%; width: 100%;
} }
@media (min-width: 769px) {
& > .h3-section { & > .h3-section {
padding-top: 0; padding-top: 0;
padding-bottom: 16px;
}
} }
} }

2
_sass/2017/variables.scss
View File

@ -2,7 +2,7 @@
* Metrics * Metrics
*/ */
$gut-small: 8px; // max 480px width $gut-small: 16px; // max 480px width
$gut: 16px; $gut: 16px;
$column: 400px; $column: 400px;