diff --git a/docs/src/layouts/App/base.scss b/docs/src/layouts/App/base.scss index 2e1ee2ac..ec7a0050 100644 --- a/docs/src/layouts/App/base.scss +++ b/docs/src/layouts/App/base.scss @@ -8,6 +8,10 @@ outline: none; } +*:focus { + outline: none; +} + ::-webkit-scrollbar { width: 14px; height: 14px; @@ -43,7 +47,6 @@ html { scroll-behavior: smooth; - height: 100%; } body { @@ -54,16 +57,6 @@ body { font-feature-settings: 'cv05' 1; background-color: $colorBlack; color: $colorText; - height: 100%; -} - -*:focus { - outline: none; -} - -ul, -ol { - list-style: none; } button { @@ -88,11 +81,6 @@ code { font-size: 0.9rem; } -blockquote { - padding-left: 1rem; - border-left: 3px solid rgba($colorBlack, 0.1); -} - .is-active { background: black; color: white; @@ -120,17 +108,9 @@ blockquote { hr { margin: 1rem 0; } -} -#table-of-contents { - display: none; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - font-weight: 500; + blockquote { + padding-left: 1rem; + border-left: 3px solid rgba($colorBlack, 0.1); + } } diff --git a/docs/src/layouts/App/fonts.scss b/docs/src/layouts/App/fonts.scss index 1e0b7961..59e4432b 100644 --- a/docs/src/layouts/App/fonts.scss +++ b/docs/src/layouts/App/fonts.scss @@ -2,7 +2,7 @@ // font-family: 'Inter'; // font-style: normal; // font-weight: 100; -// +// // src: url("~@/assets/fonts/Inter-Thin-BETA.woff2") format("woff2"), // url("~@/assets/fonts/Inter-Thin-BETA.woff") format("woff"), // ; @@ -11,7 +11,7 @@ // font-family: 'Inter'; // font-style: italic; // font-weight: 100; -// +// // src: url("~@/assets/fonts/Inter-ThinItalic-BETA.woff2") format("woff2"), // url("~@/assets/fonts/Inter-ThinItalic-BETA.woff") format("woff"), // ; @@ -21,7 +21,7 @@ // font-family: 'Inter'; // font-style: normal; // font-weight: 200; -// +// // src: url("~@/assets/fonts/Inter-ExtraLight-BETA.woff2") format("woff2"), // url("~@/assets/fonts/Inter-ExtraLight-BETA.woff") format("woff"), // ; @@ -30,7 +30,7 @@ // font-family: 'Inter'; // font-style: italic; // font-weight: 200; -// +// // src: url("~@/assets/fonts/Inter-ExtraLightItalic-BETA.woff2") format("woff2"), // url("~@/assets/fonts/Inter-ExtraLightItalic-BETA.woff") format("woff"), // ; @@ -40,7 +40,7 @@ // font-family: 'Inter'; // font-style: normal; // font-weight: 300; -// +// // src: url("~@/assets/fonts/Inter-Light-BETA.woff2") format("woff2"), // url("~@/assets/fonts/Inter-Light-BETA.woff") format("woff"), // ; @@ -49,7 +49,7 @@ // font-family: 'Inter'; // font-style: italic; // font-weight: 300; -// +// // src: url("~@/assets/fonts/Inter-LightItalic-BETA.woff2") format("woff2"), // url("~@/assets/fonts/Inter-LightItalic-BETA.woff") format("woff"), // ; @@ -112,30 +112,30 @@ ; } -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 700; - src: - url("~@/assets/fonts/Inter-Bold.woff2") format("woff2"), - url("~@/assets/fonts/Inter-Bold.woff") format("woff"), - ; -} -@font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 700; - src: - url("~@/assets/fonts/Inter-BoldItalic.woff2") format("woff2"), - url("~@/assets/fonts/Inter-BoldItalic.woff") format("woff"), - ; -} +// @font-face { +// font-family: 'Inter'; +// font-style: normal; +// font-weight: 700; +// src: +// url("~@/assets/fonts/Inter-Bold.woff2") format("woff2"), +// url("~@/assets/fonts/Inter-Bold.woff") format("woff"), +// ; +// } +// @font-face { +// font-family: 'Inter'; +// font-style: italic; +// font-weight: 700; +// src: +// url("~@/assets/fonts/Inter-BoldItalic.woff2") format("woff2"), +// url("~@/assets/fonts/Inter-BoldItalic.woff") format("woff"), +// ; +// } // @font-face { // font-family: 'Inter'; // font-style: normal; // font-weight: 800; -// +// // src: url("~@/assets/fonts/Inter-ExtraBold.woff2") format("woff2"), // url("~@/assets/fonts/Inter-ExtraBold.woff") format("woff"), // ; @@ -144,26 +144,26 @@ // font-family: 'Inter'; // font-style: italic; // font-weight: 800; -// +// // src: url("~@/assets/fonts/Inter-ExtraBoldItalic.woff2") format("woff2"), // url("~@/assets/fonts/Inter-ExtraBoldItalic.woff") format("woff"), // ; // } -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 900; - - src: url("~@/assets/fonts/Inter-Black.woff2") format("woff2"), - url("~@/assets/fonts/Inter-Black.woff") format("woff"), -; -} +// @font-face { +// font-family: 'Inter'; +// font-style: normal; +// font-weight: 900; + +// src: url("~@/assets/fonts/Inter-Black.woff2") format("woff2"), +// url("~@/assets/fonts/Inter-Black.woff") format("woff"), +// ; +// } // @font-face { // font-family: 'Inter'; // font-style: italic; // font-weight: 900; -// +// // src: url("~@/assets/fonts/Inter-BlackItalic.woff2") format("woff2"), // url("~@/assets/fonts/Inter-BlackItalic.woff") format("woff"), // ; diff --git a/docs/src/layouts/App/style.scss b/docs/src/layouts/App/style.scss index 42ae40fa..2c224389 100644 --- a/docs/src/layouts/App/style.scss +++ b/docs/src/layouts/App/style.scss @@ -147,11 +147,14 @@ $menuBreakPoint: 800px; margin-bottom: 0.5rem; } + &__link-list { + list-style: none; + } + &__link-list &__link-list { display: none; padding-left: 1rem; margin-top: 0.5rem; - margin-bottom: 1.5rem; } .active + &__link-list { diff --git a/docs/src/templates/DocPage/style.scss b/docs/src/templates/DocPage/style.scss index 0e32136c..c49f1fd6 100644 --- a/docs/src/templates/DocPage/style.scss +++ b/docs/src/templates/DocPage/style.scss @@ -27,6 +27,7 @@ > h4, > h5, > h6 { + font-weight: 500; color: $colorWhite; margin-top: 3 * $spacing; margin-bottom: $spacing; @@ -94,31 +95,35 @@ text-decoration: underline; } - #table-of-contents + ul { - border: 1px solid rgba($colorWhite, 0.1); - padding: 1.2rem 1.5rem !important; - border-radius: 0.5rem; + #table-of-contents { + display: none; - &::before { - display: block; - content: 'On this page'; - font-weight: 700; - letter-spacing: 0.025rem; - font-size: 0.75rem; - text-transform: uppercase; - color: rgba($colorWhite, 0.3); - margin-bottom: 0.5rem; - } - - li { - padding-left: 0; + & + ul { + border: 1px solid rgba($colorWhite, 0.1); + padding: 1.2rem 1.5rem !important; + border-radius: 0.5rem; &::before { - display: none; + display: block; + content: 'On this page'; + font-weight: 700; + letter-spacing: 0.025rem; + font-size: 0.75rem; + text-transform: uppercase; + color: rgba($colorWhite, 0.3); + margin-bottom: 0.5rem; } - ul { - margin-left: 1rem; + li { + padding-left: 0; + + &::before { + display: none; + } + + ul { + margin-left: 1rem; + } } } }