diff options
| author | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-18 21:28:17 +0100 |
|---|---|---|
| committer | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-18 21:38:16 +0100 |
| commit | a56344ea9aced15fc4d2932d48cb2efd7f452e94 (patch) | |
| tree | 12e58f6a0699291d4c5aea5c36d251db845f895b /public/main.css | |
| parent | 57b86c33a183e11652215f8588f728476f176fc5 (diff) | |
Pulls out nav module
Diffstat (limited to 'public/main.css')
| -rw-r--r-- | public/main.css | 77 |
1 files changed, 0 insertions, 77 deletions
diff --git a/public/main.css b/public/main.css index 4e984b4..d3b034a 100644 --- a/public/main.css +++ b/public/main.css @@ -94,83 +94,6 @@ nav { padding-inline: var(--spacing-inline-sm); } -.nav__bottom-row { - display: flex; - flex-direction: column; - align-items: center; - padding-block-end: var(--spacing-block-sm); -} - -.nav__nav-links { - padding: 0; -} - -.nav__nav-links li { - margin-inline: auto; - width: max-content; -} - -.nav__nav-links li { - margin-block-end: var(--spacing-block-md); -} - -.nav__nav-links li:last-of-type { - margin-block-end: 0; -} - -.nav__logo { - text-align: center; -} - -.nav__logo a { - text-decoration: none; -} - -.breadcrumbs { - display: flex; - flex-wrap: wrap; -} - -.breadcrumbs li { - margin-inline: var(--spacing-inline-xs); - list-style-type: none; - min-width: max-content; -} - -.breadcrumbs li::before { - content: '/' -} - -@media (min-width: 50rem) { - .nav__bottom-row { - flex-direction: row; - justify-content: space-between; - align-items: baseline; - padding-inline: max(10%, calc((100% - var(--max-width-all-content)) / 2)); - gap: var(--spacing-inline-xs); - } - - .nav__nav-links { - padding-inline: max(10%, calc((100% - var(--max-width-all-content)) / 2)); - display: grid; - grid-auto-columns: 1fr; - grid-auto-flow: column; - gap: var(--spacing-inline-md); - } - - .breadcrumbs { - order: 0; - } - - .nav__logo { - order: 1; - } - - .switch-language-link { - order: 2; - } -} - .align-end { display: block; margin-inline-start: auto; |
