diff options
| author | Ariel Costas <94913521+arielcostas@users.noreply.github.com> | 2023-11-24 23:51:48 +0100 |
|---|---|---|
| committer | Ariel Costas <94913521+arielcostas@users.noreply.github.com> | 2023-11-24 23:51:48 +0100 |
| commit | a82f0919d535ba5d86abfbe653bad8ba0fdcf51f (patch) | |
| tree | 7df1d0bc1898d52bcca159854da48524e95c548d /assets/css/partials | |
| parent | df5575079b87aeab1e1f14a6912ff3388f16e50a (diff) | |
More development
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 |