diff --git a/src/styles/docs/toc/toc.css b/src/styles/docs/toc/toc.css index edc867a..1200293 100644 --- a/src/styles/docs/toc/toc.css +++ b/src/styles/docs/toc/toc.css @@ -35,7 +35,7 @@ font-size: 1.614rem; max-height: 500px; - & > svg { + &>svg { height: 100%; width: 24px; } @@ -64,12 +64,11 @@ display: none; } - transition: - width 0.3s ease, - height 0.3s ease, - background-color 0.3s ease, - backdrop-filter 0.3s ease, - padding 0.3s ease; + transition: width 0.3s ease, + height 0.3s ease, + background-color 0.3s ease, + backdrop-filter 0.3s ease, + padding 0.3s ease; &.shown { overflow-y: scroll; @@ -109,7 +108,7 @@ width: max-content; max-height: calc(100svh - 8rem); overflow-y: scroll; - z-index: 10; + z-index: 9; margin-right: 1.272rem; & .toc_a { @@ -125,7 +124,7 @@ list-style: none; &.active { - & > .toc_a { + &>.toc_a { color: hsl(var(--green) 72 60); } } diff --git a/src/styles/global.css b/src/styles/global.css index a68b54f..2035021 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -62,7 +62,7 @@ html.dark { .header { position: fixed; top: 0; - width: 100svw; + width: 100%; z-index: 10; display: flex; align-items: center; @@ -122,13 +122,11 @@ footer { display: flex; justify-content: space-between; padding-inline: 1rem; - background: linear-gradient( - 150deg, - hsla(var(--blue) 60 5 / 1) 10%, - hsla(var(--blue) 75 6 / 1) 25%, - hsla(var(--blue) 80 8 / 1) 55%, - hsla(var(--blue) 77 7 / 1) 80% - ); + background: linear-gradient(150deg, + hsla(var(--blue) 60 5 / 1) 10%, + hsla(var(--blue) 75 6 / 1) 25%, + hsla(var(--blue) 80 8 / 1) 55%, + hsla(var(--blue) 77 7 / 1) 80%); & ._credits { display: flex;