diff options
| author | Joe Carstairs <118172583+jcarstairs-scottlogic@users.noreply.github.com> | 2023-12-21 21:21:30 +0000 |
|---|---|---|
| committer | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2024-01-12 08:29:08 +0000 |
| commit | 5d5e2f8aa5c4030c33bf06f2cb817b9d770cc884 (patch) | |
| tree | 1ef67a95bec53331eeba34787e6edc03a2fd9bb1 /scss/modules/nav.scss | |
| parent | 9102fe8bcd13c01bf7bae462e013c920cae9f52f (diff) | |
Improve CSS reset (#51)
* Font size inflation
* Removes main adjustment for IE
* Documents hr corrections
* Documents pre corrections
* Documents abbr[title] corrections
* Documents b, strong corrections
* Squishes pre rule with code,kbd,samp
* Documents sub,sub line-height fix
* Removes IE fix for img borders
* Documents form control resets
* Documents details display:block
* Documents summary correction
* Removes [hidden] fix for IE
* Adds border-box sizing rules
* Refactors links
Diffstat (limited to 'scss/modules/nav.scss')
| -rw-r--r-- | scss/modules/nav.scss | 46 |
1 files changed, 25 insertions, 21 deletions
diff --git a/scss/modules/nav.scss b/scss/modules/nav.scss index aebcbcf..765c44f 100644 --- a/scss/modules/nav.scss +++ b/scss/modules/nav.scss @@ -1,5 +1,11 @@ -.nav > :not(:last-child) { - margin-block: 0 var(--margin-block-sm); +.nav { + & > :not(:last-child) { + margin-block: 0 var(--margin-block-sm); + } + + li { + list-style-type: none; + } } .nav__bottom-row { @@ -44,33 +50,31 @@ ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; -} -.nav__logo a { - text-decoration: none; - border: var(--relative-eighth-rem) dotted transparent; - transition: border-color 100ms; -} + a { + text-decoration: none; + border: var(--relative-eighth-rem) dotted transparent; + transition: border-color 100ms; -.nav__logo a:is(:focus, :focus-visible, :focus-within) { - box-shadow: none; - outline: none; - border-color: var(--special-text-color); - transition: border-color 300ms; + &:is(:focus, :focus-visible, :focus-within) { + box-shadow: none; + outline: none; + border-color: var(--special-text-color); + transition: border-color 300ms; + } + } } .nav__breadcrumbs { display: flex; flex-wrap: wrap; -} - -.nav__breadcrumbs li { - list-style-type: none; - min-width: max-content; -} -.nav__breadcrumbs li::before { - content: '/' + li { + min-width: max-content; + &::before { + content: '/' + } + } } .nav__switch-language-link { |