summaryrefslogtreecommitdiffstats
path: root/assets/css/components
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css/components')
-rw-r--r--assets/css/components/_nav.scss20
-rw-r--r--assets/css/components/_page-header.scss2
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}