diff options
Diffstat (limited to 'sass/nightly-builds-page/banner.sass')
| -rw-r--r-- | sass/nightly-builds-page/banner.sass | 94 |
1 files changed, 94 insertions, 0 deletions
diff --git a/sass/nightly-builds-page/banner.sass b/sass/nightly-builds-page/banner.sass new file mode 100644 index 0000000..36c2f7a --- /dev/null +++ b/sass/nightly-builds-page/banner.sass @@ -0,0 +1,94 @@ +@import ../settings + +.nightly-builds-page + + .banner + background-color: $white + display: flex + justify-content: center + position: relative + overflow: hidden + +resolution(0, 575) + height: 175px + padding-top: 50px + +resolution(576, 991) + height: 248px + padding-top: 128px + +resolution(992) + height: 275px + padding-top: 128px + align-items: center + + h1 + letter-spacing: $em + +resolution(992) + font-size: 48px + +resolution(0, 991) + font-size: 28px + + p + letter-spacing: $px + font-weight: 600 + color: $grey-dark + margin-top: 16px + max-width: 945px + +resolution(992) + font-size: 18px + +resolution(0, 991) + font-size: 16px + + a + color: $primary + +resolution(0, 575) + text-decoration: none + + &:hover + text-decoration: none + + .containerCustom + position: unset + + .banner-div + width: 100% + border-bottom: 1px solid $grey-light3 + text-align: center + display: flex + flex-direction: column + align-items: center + +resolution(0, 575) + padding-bottom: 32px + +resolution(576, 991) + padding-bottom: 54px + +resolution(992) + padding-bottom: 74px + + .left-shape + position: absolute + +resolution(992) + top: 0 + left: 0 + +resolution(576, 991) + top: -100px + left: -40px + +resolution(0, 575) + display: none + + img + width: 280px + height: 280px + + .right-shape + position: absolute + +resolution(992) + top: 0 + right: 0 + +resolution(576, 991) + top: -100px + right: -60px + +resolution(0, 575) + top: -100px + right: -60px + + img + width: 385px + height: 400px |