diff options
Diffstat (limited to 'assets/css/partials')
| -rw-r--r-- | assets/css/partials/footer.scss | 10 | ||||
| -rw-r--r-- | assets/css/partials/header.scss | 42 |
2 files changed, 52 insertions, 0 deletions
diff --git a/assets/css/partials/footer.scss b/assets/css/partials/footer.scss new file mode 100644 index 0000000..6affeac --- /dev/null +++ b/assets/css/partials/footer.scss @@ -0,0 +1,10 @@ +footer { + background-color: #333; + color: white; + + padding: 0.5rem 1rem; + + a { + color: var(--accent-7); + } +}
\ No newline at end of file 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 |