aboutsummaryrefslogtreecommitdiff
path: root/assets/scss/_header.scss
diff options
context:
space:
mode:
Diffstat (limited to 'assets/scss/_header.scss')
-rw-r--r--assets/scss/_header.scss234
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;
+ }
+ }
}
}