diff options
Diffstat (limited to 'site/static/docs/4.3/assets/scss/_masthead.scss')
-rw-r--r-- | site/static/docs/4.3/assets/scss/_masthead.scss | 42 |
1 files changed, 38 insertions, 4 deletions
diff --git a/site/static/docs/4.3/assets/scss/_masthead.scss b/site/static/docs/4.3/assets/scss/_masthead.scss index f4e70a2cfb..8ac39b7704 100644 --- a/site/static/docs/4.3/assets/scss/_masthead.scss +++ b/site/static/docs/4.3/assets/scss/_masthead.scss @@ -3,13 +3,17 @@ .bd-masthead { position: relative; padding: 3rem ($grid-gutter-width / 2); - // background-image: linear-gradient(45deg, #fafafa, #f5f5f5); + 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; @@ -37,16 +41,46 @@ } } +.lead-lg { + @include font-size(1.5rem); +} + +.home-icon { + width: 6rem; + height: 6rem; + padding: 1.5rem; + color: #fff; + text-shadow: 0 -.125rem 0 rgba(0, 0, 0, .1); + @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: 2.5rem 0; + margin: 2rem 0; } .masthead-followup { .bd-clipboard { display: none; } .highlight { - padding: .5rem 0; - background-color: transparent; + // padding: .5rem 0; + // background-color: transparent; } } |