diff options
| -rw-r--r-- | _sass/tiny/_layout.scss | 26 |
1 files changed, 8 insertions, 18 deletions
diff --git a/_sass/tiny/_layout.scss b/_sass/tiny/_layout.scss index 5adfb12..cc9a285 100644 --- a/_sass/tiny/_layout.scss +++ b/_sass/tiny/_layout.scss @@ -12,8 +12,8 @@ // padding on `.column`s with negative margin for alignment. .columns { - margin-right: -$grid-gutter; - margin-left: -$grid-gutter; + margin-right: $grid-gutter; + margin-left: $grid-gutter; @include clearfix; } @@ -48,27 +48,17 @@ // vertical-align: top; // } -// For medium screens -@media (min-width: $container-width / 2) and (max-width: $container-width - 1) { - .container { - width: $container-width / 2; - } - - .one-half { - width: 100%; - } - - .one-third { - width: 33.333333%; - } -} - // For large screens -@media (min-width: $container-width) { +@media (min-width: $container-width + 6*$grid-gutter) { .container { width: $container-width; } + .columns { + margin-right: -$grid-gutter; + margin-left: -$grid-gutter; + } + .one-half { width: 50%; } |