diff options
Diffstat (limited to 'assets/css/components')
-rw-r--r-- | assets/css/components/_nav.scss | 20 | ||||
-rw-r--r-- | assets/css/components/_page-header.scss | 2 |
2 files changed, 11 insertions, 11 deletions
diff --git a/assets/css/components/_nav.scss b/assets/css/components/_nav.scss index 7f5eb19..a3f7004 100644 --- a/assets/css/components/_nav.scss +++ b/assets/css/components/_nav.scss | |||
@@ -1,6 +1,6 @@ | |||
1 | .c-nav { | 1 | .c-nav { |
2 | background-color: var(--nav-bg); | 2 | background-color: var(--nav--bg); |
3 | font-size: $nav-font-size; | 3 | font-size: $nav--font-size; |
4 | 4 | ||
5 | &__items { | 5 | &__items { |
6 | display: flex; | 6 | display: flex; |
@@ -10,15 +10,15 @@ | |||
10 | &__logo { | 10 | &__logo { |
11 | display: inline-block; | 11 | display: inline-block; |
12 | margin: 0; | 12 | margin: 0; |
13 | padding: $nav-item-pad-v 0; | 13 | padding: $nav--item--pad-v 0; |
14 | color: var(--nav-logo-fg); | 14 | color: var(--nav--logo--fg); |
15 | text-decoration: none; | 15 | text-decoration: none; |
16 | 16 | ||
17 | &:link, | 17 | &:link, |
18 | &:visited { | 18 | &:visited { |
19 | &:hover { | 19 | &:hover { |
20 | background-color: transparent; | 20 | background-color: transparent; |
21 | color: var(--nav-item-hover-fg); | 21 | color: var(--nav--item--hover--fg); |
22 | font-weight: bold; | 22 | font-weight: bold; |
23 | } | 23 | } |
24 | } | 24 | } |
@@ -26,22 +26,22 @@ | |||
26 | 26 | ||
27 | &__item { | 27 | &__item { |
28 | display: inline-block; | 28 | display: inline-block; |
29 | padding: $nav-item-pad-v $nav-item-pad-h calc(#{$nav-item-pad-v} - 2px); | 29 | padding: $nav--item--pad-v $nav--item--pad-h calc(#{$nav--item--pad-v} - 2px); |
30 | margin: 0 (-1 * $nav-item-pad-h) 0 ($nav-item-spacing - $nav-item-pad-h); | 30 | margin: 0 (-1 * $nav--item--pad-h) 0 ($nav--item--spacing - $nav--item--pad-h); |
31 | color: var(--nav-item-idle-fg); | 31 | color: var(--nav--item--idle--fg); |
32 | text-decoration: none; | 32 | text-decoration: none; |
33 | border-bottom: 2px solid transparent; | 33 | border-bottom: 2px solid transparent; |
34 | 34 | ||
35 | &:hover { | 35 | &:hover { |
36 | background-color: transparent; | 36 | background-color: transparent; |
37 | color: var(--nav-item-hover-fg); | 37 | color: var(--nav--item--hover--fg); |
38 | font-weight: bold; | 38 | font-weight: bold; |
39 | } | 39 | } |
40 | } | 40 | } |
41 | 41 | ||
42 | @media (max-width: map-get($breakpoints, "sm")) { | 42 | @media (max-width: map-get($breakpoints, "sm")) { |
43 | &__item { | 43 | &__item { |
44 | margin-left: $nav-item-spacing-sm - $nav-item-pad-h; | 44 | margin-left: $nav--item--spacing-sm - $nav--item--pad-h; |
45 | } | 45 | } |
46 | } | 46 | } |
47 | 47 | ||
diff --git a/assets/css/components/_page-header.scss b/assets/css/components/_page-header.scss index ada20ab..dd273df 100644 --- a/assets/css/components/_page-header.scss +++ b/assets/css/components/_page-header.scss | |||
@@ -12,6 +12,6 @@ | |||
12 | padding-top: px-to-em(2px); | 12 | padding-top: px-to-em(2px); |
13 | color: var(--fg-minus); | 13 | color: var(--fg-minus); |
14 | border-top: 1px solid var(--fg-minus); | 14 | border-top: 1px solid var(--fg-minus); |
15 | line-height: $code-block-line-height; | 15 | line-height: $code-block--line-height; |
16 | } | 16 | } |
17 | } | 17 | } |