Fix #2739 add variables size for layout hero (#2740)

* Add variables size for layout hero

* Add variables size for layout hero

* Change variable tag to Yes on hero documentation
This commit is contained in:
IvanFrescas
2020-01-05 06:05:39 -07:00
committed by Jeremy Thomas
parent 5944dcad67
commit 5fcb0b059b
4 changed files with 42 additions and 10 deletions

View File

@@ -1,5 +1,9 @@
// Main container
$hero-body-padding: 3rem 1.5rem !default
$hero-body-padding-small: 1.5rem !default
$hero-body-padding-medium: 9rem 1.5rem !default
$hero-body-padding-large: 18rem 1.5rem !default
// Main container
.hero
align-items: stretch
display: flex
@@ -71,18 +75,15 @@
// Sizes
&.is-small
.hero-body
padding-bottom: 1.5rem
padding-top: 1.5rem
padding: $hero-body-padding-small
&.is-medium
+tablet
.hero-body
padding-bottom: 9rem
padding-top: 9rem
padding: $hero-body-padding-medium
&.is-large
+tablet
.hero-body
padding-bottom: 18rem
padding-top: 18rem
padding: $hero-body-padding-large
&.is-halfheight,
&.is-fullheight,
&.is-fullheight-with-navbar
@@ -140,4 +141,4 @@
.hero-body
flex-grow: 1
flex-shrink: 0
padding: 3rem 1.5rem
padding: $hero-body-padding