diff options
Diffstat (limited to 'assets/scss/_header.scss')
| -rw-r--r-- | assets/scss/_header.scss | 234 |
1 files changed, 117 insertions, 117 deletions
diff --git a/assets/scss/_header.scss b/assets/scss/_header.scss index 331bce7..bee374f 100644 --- a/assets/scss/_header.scss +++ b/assets/scss/_header.scss @@ -3,133 +3,133 @@ h1,h2,h3,h4,h5,h6 { font-weight: 600; a, a:hover, a:focus, a:link, a:visited { - text-decoration: none; - color: inherit; + text-decoration: none; + color: inherit; } a:active { - text-decoration: underline; - color: $bg-main; + text-decoration: underline; + color: $bg-main; } } body.ps { > header { - position: fixed; - z-index: 999; - top: 0; - left: 0; - right: 0; - background: $bg-header; - padding: 0 2rem; - color: $fg-header; - - h1 { - margin: 0 auto; - - &:before { - background: url(../assets/img/logo-ps.svg) center left / 5rem no-repeat; - display: block; - width: 5rem; - height: 5rem; - } - } - - h2 { - font-weight: 100; - margin-top: -2.6rem; - font-size: 3.7rem; - transform: rotate(180deg); - } - - p { - font-family: $serif; - font-size: 2rem; - font-style: italic; - margin: -3.8rem 0 0 0; - padding: 0 0 0.4rem 0.3rem; - - span { - color: black; - } - } + position: fixed; + z-index: 999; + top: 0; + left: 0; + right: 0; + background: $bg-header; + padding: 0 2rem; + color: $fg-header; + + h1 { + margin: 0 auto; + + &:before { + background: url(../assets/img/logo-ps.svg) center left / 5rem no-repeat; + display: block; + width: 5rem; + height: 5rem; + } + } + + h2 { + font-weight: 100; + margin-top: -2.6rem; + font-size: 3.7rem; + transform: rotate(180deg); + } + + p { + font-family: $serif; + font-size: 2rem; + font-style: italic; + margin: -3.8rem 0 0 0; + padding: 0 0 0.4rem 0.3rem; + + span { + color: black; + } + } } &.home > header { - background-color: $bg-dark; - top: unset; - right: 5vw; - bottom: -2vh; - left: 5vw; - padding: 1rem; - font-size: 1.2rem; - color: $fg-white-85; - overflow: auto; - transform: rotate(-2.7deg) translateY(4.5vh) skewX(-5deg); - - h1 { - font-size: 7vh; - text-align: center; - transform: rotate(1.5deg) translateX(5vh) translateY(-1vh); - - img { - display: none; - vertical-align: -1.6rem; - } - } - - section { - display: none; - max-width: 42rem; - margin: 0 auto; - padding-bottom: 7rem; - } - - footer { - background-color: rgba(109, 78, 128, 1); - display: none; - font-size: 1rem; - z-index: 999; - position: fixed; - bottom: 0; - left: 0; - right: 0; - display: none; - - > h4 { - display: inline-block; - } - - > nav { - display: none; - } - - > p { - display: none; - max-width: 42rem; - margin: 0 auto; - padding-bottom: 7rem; - } - } - - &:hover { - top: 5vh; - - h1 { - font-size: 2.6rem; - transform: rotate(2.7deg) translate(0, 0) skewX(0); - } - - img { - display: inline-block; - } - - section, footer { - display: block; - width: 80vw; - margin: 0 auto; - padding-bottom: 3rem; - } - } + background-color: $bg-dark; + top: unset; + right: 5vw; + bottom: -2vh; + left: 5vw; + padding: 1rem; + font-size: 1.2rem; + color: $fg-white-85; + overflow: auto; + transform: rotate(-2.7deg) translateY(4.5vh) skewX(-5deg); + + h1 { + font-size: 7vh; + text-align: center; + transform: rotate(1.5deg) translateX(5vh) translateY(-1vh); + + img { + display: none; + vertical-align: -1.6rem; + } + } + + section { + display: none; + max-width: 42rem; + margin: 0 auto; + padding-bottom: 7rem; + } + + footer { + background-color: rgba(109, 78, 128, 1); + display: none; + font-size: 1rem; + z-index: 999; + position: fixed; + bottom: 0; + left: 0; + right: 0; + display: none; + + > h4 { + display: inline-block; + } + + > nav { + display: none; + } + + > p { + display: none; + max-width: 42rem; + margin: 0 auto; + padding-bottom: 7rem; + } + } + + &:hover { + top: 5vh; + + h1 { + font-size: 2.6rem; + transform: rotate(2.7deg) translate(0, 0) skewX(0); + } + + img { + display: inline-block; + } + + section, footer { + display: block; + width: 80vw; + margin: 0 auto; + padding-bottom: 3rem; + } + } } } |