diff options
author | XhmikosR <xhmikosr@gmail.com> | 2019-09-17 00:22:49 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2019-09-17 00:22:49 +0300 |
commit | 129bb08fc4d2c850ae71250371adf82a4441dc70 (patch) | |
tree | 4816ae6ce08538296928eec9a83a498359fd78eb /site/assets/scss/_masthead.scss | |
parent | a9c05ab798df7b1a40af41c25dd92faa84b13f99 (diff) |
Use Hugo for our docs Sass and JS. (#29280)
Now there's only one command needed to run the docs: `npm run docs-serve`.
Also, simplify the npm scripts.
Diffstat (limited to 'site/assets/scss/_masthead.scss')
-rw-r--r-- | site/assets/scss/_masthead.scss | 58 |
1 files changed, 58 insertions, 0 deletions
diff --git a/site/assets/scss/_masthead.scss b/site/assets/scss/_masthead.scss new file mode 100644 index 0000000000..b26da6fb0b --- /dev/null +++ b/site/assets/scss/_masthead.scss @@ -0,0 +1,58 @@ +// stylelint-disable declaration-no-important + +.bd-masthead { + padding: 3rem 0; + background-image: linear-gradient(45deg, #fafafa, #f5f5f5); + + h1 { + @include font-size(4rem); + line-height: 1; + } + + p:not(.lead) { + color: $gray-700; + } + + .btn { + padding: .8rem 2rem; + font-weight: 600; + } + + @include media-breakpoint-up(sm) { + padding: 5rem 0; + } +} + +.lead-lg { + @include font-size(1.5rem); +} + +.home-icon { + width: 6rem; + height: 6rem; + padding: 1.5rem; + color: $white; + @include border-radius(25%); + box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15); + + &-purple { + background-image: linear-gradient(180deg, $pink, $purple); + } + + &-blue { + background-image: linear-gradient(180deg, $teal, $blue); + } + + &-yellow { + background-image: linear-gradient(180deg, $yellow, $orange); + } +} + +@include media-breakpoint-up(md) { + .mw-md-75 { max-width: 75%; } +} + +.half-rule { + width: 6rem; + margin: 2rem 0; +} |