diff options
Diffstat (limited to 'sass')
-rw-r--r-- | sass/front-page/navigation.sass | 6 | ||||
-rw-r--r-- | sass/header.sass | 6 | ||||
-rw-r--r-- | sass/main.sass | 1 | ||||
-rw-r--r-- | sass/staging.sass | 42 |
4 files changed, 50 insertions, 5 deletions
diff --git a/sass/front-page/navigation.sass b/sass/front-page/navigation.sass index 5c0c545..4b80209 100644 --- a/sass/front-page/navigation.sass +++ b/sass/front-page/navigation.sass @@ -1,12 +1,8 @@ .navigation background: transparent - position: fixed - top: 0 - right: 0 - left: 0 - z-index: 2 display: flex justify-content: center + width: 100% transition: background-color 250ms linear, box-shadow 250ms linear &.background__white diff --git a/sass/header.sass b/sass/header.sass index b21c375..3967f7e 100644 --- a/sass/header.sass +++ b/sass/header.sass @@ -5,6 +5,12 @@ header top: 0 left: 0 z-index: 11 + width: 100% + right: 0 + z-index: 11 + display: flex + align-items: center + flex-direction: column .logo display: flex diff --git a/sass/main.sass b/sass/main.sass index 5767658..ef0045f 100644 --- a/sass/main.sass +++ b/sass/main.sass @@ -17,6 +17,7 @@ @import ./contributor-subs-page/main @import lists @import footnotes +@import staging body font-family: $r diff --git a/sass/staging.sass b/sass/staging.sass new file mode 100644 index 0000000..f15790d --- /dev/null +++ b/sass/staging.sass @@ -0,0 +1,42 @@ +@import settings + +.staging + width: 100% + display: flex + justify-content: center + background-color: $white + + .containerCustom + text-align: center + border: 2px solid $red + padding: 10px 0 + flex-direction: column + + h2 + font-size: 16px + letter-spacing: $em + color: $black + line-height: 1.4 + + p + font-size: 14px + letter-spacing: $em + color: $grey-dark + line-height: 1.2 + + a + padding-right: 5px + +.staging-fix + +resolution(992) + padding-top: 220px !important + +resolution(576, 991) + padding-top: 240px !important + +resolution(476, 575) + padding-top: 240px !important + +resolution(376, 475) + padding-top: 260px !important + +resolution(0, 375) + padding-top: 290px !important + + |