mirror of
https://github.com/jgthms/bulma
synced 2026-03-15 02:04:29 -07:00
Fix container
This commit is contained in:
@@ -2,9 +2,6 @@
|
||||
+block
|
||||
color: $text
|
||||
// Inline
|
||||
a:not(.button)
|
||||
&:visited
|
||||
color: $link-visited
|
||||
li + li
|
||||
margin-top: 0.25em
|
||||
// Block
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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)
|
||||
|
||||
Reference in New Issue
Block a user