Adjust spacing up a bit
This commit is contained in:
parent
ef3ac2be70
commit
7491886055
|
@ -1,3 +1,7 @@
|
|||
@mixin section-gutter($property, $multiplier: 1) {
|
||||
#{$property}: 12px * $multiplier;
|
||||
}
|
||||
|
||||
/*
|
||||
* H3 section list:
|
||||
* The body that is isotoped.
|
||||
|
@ -5,8 +9,8 @@
|
|||
|
||||
.h3-section-list {
|
||||
& {
|
||||
@include gutter(margin-left, $multiplier: -1);
|
||||
@include gutter(margin-right, $multiplier: -1);
|
||||
@include section-gutter(margin-left, $multiplier: -1);
|
||||
@include section-gutter(margin-right, $multiplier: -1);
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
@ -21,13 +25,16 @@
|
|||
|
||||
// Each section
|
||||
& > .h3-section {
|
||||
@include gutter(padding);
|
||||
@include section-gutter(padding);
|
||||
float: left;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
& > .h3-section {
|
||||
padding-top: 0;
|
||||
@media (min-width: 769px) {
|
||||
& > .h3-section {
|
||||
padding-top: 0;
|
||||
padding-bottom: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
* Metrics
|
||||
*/
|
||||
|
||||
$gut-small: 8px; // max 480px width
|
||||
$gut-small: 16px; // max 480px width
|
||||
$gut: 16px;
|
||||
$column: 400px;
|
||||
|
||||
|
|
Loading…
Reference in New Issue