diff options
Add Hero layout #380
4 files changed, 25 insertions, 2 deletions
| -rw-r--r-- | src/_forms.scss | 2 | ||||
| -rw-r--r-- | src/_hero.scss | 22 | ||||
| -rw-r--r-- | src/_variables.scss | 2 | ||||
| -rw-r--r-- | src/spectre.scss | 1 |
diff --git a/src/_forms.scss b/src/_forms.scss index 68de202..50fb585 100644 --- a/src/_forms.scss +++ b/src/_forms.scss @@ -486,7 +486,7 @@ textarea.form-input { border-color: $error-color; &:focus { @include control-shadow($error-color); - background: lighten($error-color, 10%); + background: lighten($error-color, 53%); } & + .form-input-hint { diff --git a/src/_hero.scss b/src/_hero.scss new file mode 100644 index 0000000..0044461 --- /dev/null +++ b/src/_hero.scss @@ -0,0 +1,22 @@ +// Hero +.hero { + display: flex; + flex-direction: column; + justify-content: space-between; + padding-bottom: 4rem; + padding-top: 4rem; + + &.hero-sm { + padding-bottom: 2rem; + padding-top: 2rem; + } + + &.hero-lg { + padding-bottom: 8rem; + padding-top: 8rem; + } + + .hero-body { + padding: $layout-spacing; + } +}
\ No newline at end of file diff --git a/src/_variables.scss b/src/_variables.scss index 0af2bf5..e2cf715 100644 --- a/src/_variables.scss +++ b/src/_variables.scss @@ -1,5 +1,5 @@ // Core variables -$version: "0.5.5"; +$version: "0.5.6"; // Core features $rtl: false !default; diff --git a/src/spectre.scss b/src/spectre.scss index c0d9001..cff1fde 100644 --- a/src/spectre.scss +++ b/src/spectre.scss @@ -19,6 +19,7 @@ // Layout @import "layout"; +@import "hero"; @import "navbar"; // Components |