Fix container

This commit is contained in:
Jeremy Thomas
2016-12-22 20:33:10 +00:00
parent da1006527c
commit 102a5d41f1
6 changed files with 63 additions and 620 deletions

View File

@@ -2,9 +2,6 @@
+block
color: $text
// Inline
a:not(.button)
&:visited
color: $link-visited
li + li
margin-top: 0.25em
// Block

View File

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

View File

@@ -1,13 +1,3 @@
.footer
background-color: $background
padding: 40px 20px 80px
a
&,
&:visited
color: $text
&:hover
color: $text-strong
&:not(.icon)
border-bottom: 1px solid $border
&:hover
border-bottom-color: $link
padding: 3rem 1.5rem 6rem

View File

@@ -18,31 +18,32 @@
display: none
.hero-buttons
margin-top: 20px
margin-top: 1.5rem
// Responsiveness
+mobile
.button
display: flex
&:not(:last-child)
margin-bottom: 10px
margin-bottom: 0.75rem
+tablet
display: flex
justify-content: center
.button:not(:last-child)
margin-right: 20px
margin-right: 1.5rem
// Containers
.hero-head,
.hero-foot
flex-grow: 0
flex-shrink: 0
.hero-body
flex-grow: 1
flex-shrink: 0
padding: 40px 20px
padding: 3rem 1.5rem
// Responsiveness
+from(1240px)
+from($widescreen)
padding-left: 0
padding-right: 0
@@ -131,13 +132,13 @@
&.is-medium
+tablet
.hero-body
padding-bottom: 120px
padding-top: 120px
padding-bottom: 9rem
padding-top: 9rem
&.is-large
+tablet
.hero-body
padding-bottom: 240px
padding-top: 240px
padding-bottom: 18rem
padding-top: 18rem
&.is-fullheight
min-height: 100vh
.hero-body

View File

@@ -185,8 +185,8 @@
// Responsiveness
$tablet: 769px !default
$desktop: 980px !default
$widescreen: 1180px !default
$desktop: 1000px !default
$widescreen: 1240px !default
=from($device)
@media screen and (min-width: $device)