diff --git a/src/style/content.scss b/src/style/content.scss index 87e5a6eb..6fb7aa9e 100644 --- a/src/style/content.scss +++ b/src/style/content.scss @@ -1,7 +1,11 @@ @import "variables"; .content { - margin: $single-margin auto 0; + margin: 0 auto; + + &.content_full{ + width: $content-full; + } &.content_wide{ width: $content-wide; @@ -14,4 +18,26 @@ &.content_thin{ width: $content-thin; } -} \ No newline at end of file +} + +@media (max-width: $mobile-width) { + $content-mobile: 95%; + + .content { + &.content_full{ + width: $content-mobile; + } + + &.content_wide{ + width: $content-mobile; + } + + &.content_semi-wide{ + width: $content-mobile; + } + + &.content_thin{ + width: $content-mobile; + } + } +}