diff options
Diffstat (limited to 'assets/css/partials/header.scss')
| -rw-r--r-- | assets/css/partials/header.scss | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/assets/css/partials/header.scss b/assets/css/partials/header.scss new file mode 100644 index 0000000..df26fc0 --- /dev/null +++ b/assets/css/partials/header.scss @@ -0,0 +1,42 @@ +header { + background-color: var(--accent-5); + color: black; + + display: flex; + flex-direction: horizontal; + align-items: center; + justify-content: space-between; + + padding: 1rem 2rem; + margin-bottom: 1rem; + + h1 { + font-size: 2rem; + margin: 0; + font-weight: 900; + letter-spacing: 0.15rem; + + a { + text-decoration: none; + } + } + + p { + font-size: 1.2rem; + font-weight: 300; + } + + nav > a { + text-decoration: none; + font-weight: 900; + font-size: 1.2rem; + text-transform: uppercase; + letter-spacing: 0.1rem; + margin: 0 0.5rem; + transition: color 0.2s ease-in-out; + + &:hover { + color: var(--accent-dark); + } + } +}
\ No newline at end of file |