Fix container

This commit is contained in:
Jeremy Thomas
2016-12-23 13:59:26 +00:00
parent 8a45f3b8d0
commit 82e7672458
5 changed files with 30 additions and 26 deletions

View File

@@ -5,13 +5,13 @@
position: relative
+desktop
margin: 0 auto
max-width: $desktop - 40px
max-width: $desktop - 40px // 960px
// Modifiers
&.is-fluid
margin: 0 1.5rem
margin: 0 20px
max-width: none
+widescreen
max-width: $widescreen - 40px
max-width: $widescreen - 40px // 1152px
.delete
+delete

View File

@@ -18,7 +18,7 @@ $subtitle-weight: $weight-light !default
strong
font-weight: $title-weight-bold
.tag
vertical-align: bottom
vertical-align: middle
.title
color: $title

View File

@@ -185,8 +185,10 @@
// Responsiveness
$tablet: 769px !default
$desktop: 1000px !default
$widescreen: 1240px !default
$desktop: 1000px !default // 960px container + 40px
$widescreen: 1192px !default // 1152px container + 40
// 960 and 1152 have been chosen because
// they are divisible by both 12 and 16
=from($device)
@media screen and (min-width: $device)