diff --git a/apps/reference/src/css/components/_admonition.scss b/apps/reference/src/css/components/_admonition.scss deleted file mode 100644 index 4d918f0133d..00000000000 --- a/apps/reference/src/css/components/_admonition.scss +++ /dev/null @@ -1,126 +0,0 @@ -html[data-theme='light'] { - --admonition-note-c-bg: var(--c-yellow-10); - --admonition-info-c-bg: var(--c-blue-0); - --admonition-tip-c-bg: var(--c-green-10); - --admonition-caution-c-bg: var(--c-orange-10); - --admonition-danger-c-bg: var(--c-red-0); - - --admonition-code-note-c-bg: var(--c-yellow-30); - --admonition-code-info-c-bg: var(--c-blue-10); - --admonition-code-tip-c-bg: var(--c-green-20); - --admonition-code-caution-c-bg: var(--c-orange-20); - --admonition-code-danger-c-bg: var(--c-red-10); -} - -html[data-theme='dark'] { - --admonition-note-c-bg: #241800; - --admonition-info-c-bg: #000d24; - --admonition-tip-c-bg: #00240a; - --admonition-caution-c-bg: #240b00; - --admonition-danger-c-bg: #240002; - - --admonition-code-note-c-bg: #3d2900; - --admonition-code-info-c-bg: #00163d; - --admonition-code-tip-c-bg: #003d11; - --admonition-code-caution-c-bg: #3d1200; - --admonition-code-danger-c-bg: #3d0003; -} - -:root { - --admonition-bar-note-c-bg: var(--c-yellow-80); - --admonition-bar-info-c-bg: var(--c-blue-80); - --admonition-bar-tip-c-bg: var(--c-green-80); - --admonition-bar-caution-c-bg: var(--c-orange-80); - --admonition-bar-danger-c-bg: var(--c-red-60); - - --admonition-link-note-c: var(--c-yellow-90); - --admonition-link-info-c: var(--c-blue-90); - --admonition-link-tip-c: var(--c-green-90); - --admonition-link-caution-c: var(--c-orange-90); - --admonition-link-danger-c: var(--c-red-90); -} - -.admonition { - position: relative; - border: none; - - --ifm-alert-color: var(--ifm-font-color-base); - --ifm-alert-padding-horizontal: 2rem; - --ifm-alert-padding-vertical: 1.5rem; - - .admonition-heading h5 { - text-transform: unset; - - &:first-letter { - text-transform: uppercase; - } - } - - .admonition-content { - p { - a { - color: var(--admonition-link-c); - text-decoration: underline; - } - - code { - background: var(--admonition-code-c-bg); - } - } - } - - &-icon { - display: none; - } - - &-heading { - font-size: 1rem; - line-height: 1.6; - } - - &::before { - content: ''; - position: absolute; - z-index: 2; - left: 0; - top: 0; - bottom: 0; - width: 5px; - background: var(--admonition-bar-c-bg); - border-radius: 4px 0 0 4px; - } - &-note { - --ifm-alert-background-color: var(--admonition-note-c-bg); - --admonition-bar-c-bg: var(--admonition-bar-note-c-bg); - --admonition-code-c-bg: var(--admonition-code-note-c-bg); - --admonition-link-c: var(--admonition-link-note-c); - } - &-info { - --ifm-alert-background-color: var(--admonition-info-c-bg); - --admonition-bar-c-bg: var(--admonition-bar-info-c-bg); - --admonition-code-c-bg: var(--admonition-code-info-c-bg); - --admonition-link-c: var(--admonition-link-info-c); - } - &-tip { - --ifm-alert-background-color: var(--admonition-tip-c-bg); - --admonition-bar-c-bg: var(--admonition-bar-tip-c-bg); - --admonition-code-c-bg: var(--admonition-code-tip-c-bg); - --admonition-link-c: var(--admonition-link-tip-c); - } - &-caution { - --ifm-alert-background-color: var(--admonition-caution-c-bg); - --admonition-bar-c-bg: var(--admonition-bar-caution-c-bg); - --admonition-code-c-bg: var(--admonition-code-caution-c-bg); - --admonition-link-c: var(--admonition-link-caution-c); - } - &-danger { - --ifm-alert-background-color: var(--admonition-danger-c-bg); - --admonition-bar-c-bg: var(--admonition-bar-danger-c-bg); - --admonition-code-c-bg: var(--admonition-code-danger-c-bg); - --admonition-link-c: var(--admonition-link-danger-c); - } -} - -// .alert--secondary { -// color: var(--ifm-font-color-base); -// } diff --git a/apps/reference/src/css/components/_back-to-top-button.scss b/apps/reference/src/css/components/_back-to-top-button.scss deleted file mode 100644 index 484aa37bf5a..00000000000 --- a/apps/reference/src/css/components/_back-to-top-button.scss +++ /dev/null @@ -1,8 +0,0 @@ -//overrides -#__docusaurus { - [class*='backToTopButton_'] { - &::after { - mask: var(--ifm-menu-link-sublist-icon) 50% / 1rem 0.75rem no-repeat; - } - } -} diff --git a/apps/reference/src/css/components/_code.scss b/apps/reference/src/css/components/_code.scss deleted file mode 100644 index 667af512822..00000000000 --- a/apps/reference/src/css/components/_code.scss +++ /dev/null @@ -1,180 +0,0 @@ -:root { - --ifm-code-padding-vertical: 0rem; - --ifm-code-padding-horizontal: 0.25rem; - --ifm-code-font-size: 0.813rem; - - --code-block-line-height: 1.5; - - //inline code - --ifm-code-background: var(--c-indigo-10); -} - -html[data-theme='light'] { - --code-block-bg-c: var(--c-indigo-10); -} - -html[data-theme='dark'] { - --code-block-bg-c: var(--token-secondary-bg-c); -} - -:not(pre) > code { - position: relative; - margin-block-start: -0.125rem; - background-color: inherit; - vertical-align: baseline; - - background-color: var(--code-block-bg-c); - padding-block-start: 0.25rem; - padding-block-end: 0.25rem; - - // alternative solution for highlighting background with it's own drawbacks - // &::before { - // content: ''; - // position: absolute; - - // z-index: -1; - // left: 0; - // right: 0; - // top: -0.25rem; - // bottom: -0.25rem; - - // background-color: var(--ifm-code-background); - // border-radius: var(--ifm-code-border-radius); - // } -} -code { - border: none; - - // padding: 0.375rem 0.25rem 0.25rem; -} - -// Overrides -#__docusaurus { - [class*='codeBlockContainer_'] { - box-shadow: none; - } -} - -/** - * prism.js Dark theme for JavaScript, CSS and HTML - * Based on the slides of the talk “/Reg(exp){2}lained/” - * @author Lea Verou - */ - -code[class*='language-'], -pre[class*='language-'] { - background: var(--code-block-bg-c); - white-space: pre; - word-spacing: normal; - word-break: normal; - word-wrap: normal; - line-height: var(--code-block-line-height); - - -moz-tab-size: 4; - -o-tab-size: 4; - tab-size: 4; - - -webkit-hyphens: none; - -moz-hyphens: none; - -ms-hyphens: none; - hyphens: none; -} - -/* Code blocks */ -pre[class*='language-'] { - padding: 1em; - margin: 0 0; - overflow: auto; - /* border: .3em solid hsl(30, 20%, 40%); */ - border-radius: 0.5em; - /* box-shadow: 1px 1px .5em black inset; */ -} - -/* Inline code */ -:not(pre) > code[class*='language-'] { - padding: 0.15em 0.2em 0.05em; - border-radius: 0.3em; - border: 0.13em solid hsl(30, 20%, 40%); - box-shadow: 1px 1px 0.3em -0.1em black inset; - white-space: normal; -} - -/* Tomorrow Comment */ -.token.comment, -.token.prolog, -.token.doctype, -.token.cdata { - color: #8c9296; -} - -.token.punctuation { - opacity: 0.7; -} - -.namespace { - opacity: 0.7; -} - -.token.tag { - color: #91c5ff; -} - -.token.tag.punctuation, -.token.tag.class-name, -.token.tag.punctuation + .token.tag:not(.attr-value):not([class*='language-']) { - color: #2b90ff; -} - -.token.property, -.token.attr-name, -.token.boolean, -.token.number, -.token.constant, -.token.symbol { - color: #8454ff; -} - -.token.selector, -.token.char, -.token.function, -.token.builtin, -.token.inserted { - color: #ff6810; -} - -.token.operator, -.token.string, -.token.entity, -.token.url, -.token.attr-value, -.language-css .token.string, -.style .token.string, -.token.variable { - color: #42b983; -} - -.token.atrule { - color: #ffbb01; -} - -.token.regex, -.token.keyword, -.token.important { - color: #f55073; -} - -.token.important, -.token.bold { - font-weight: bold; -} -.token.italic { - font-style: italic; -} - -.token.entity { - cursor: help; -} - -.token.deleted { - color: red; -} diff --git a/apps/reference/src/css/components/_doc-sidebar.scss b/apps/reference/src/css/components/_doc-sidebar.scss index dd8511a79b1..8a4e8259b3e 100644 --- a/apps/reference/src/css/components/_doc-sidebar.scss +++ b/apps/reference/src/css/components/_doc-sidebar.scss @@ -35,8 +35,8 @@ padding-bottom: var(--custom-sidebar-menu-link-vertical-padding) !important; padding-left: var(--custom-sidebar-padding) !important; padding-right: var(--custom-sidebar-padding) !important; - ul { - margin-bottom: 1rem; + > .menu__list > li > ul:first-of-type { + padding-bottom: 1rem; } } @@ -68,6 +68,10 @@ } } +.theme-doc-sidebar-item-category .theme-doc-sidebar-item-category { + padding-left: 1rem; +} + .menu__list-item { margin-top: 0 !important; background-color: 'pink' !important; @@ -99,9 +103,8 @@ .custom--main-menu-button { padding-left: var(--custom-sidebar-padding); padding-right: var(--custom-sidebar-padding); - display: flex; - // padding: 1rem 0 0.5rem 1rem; + gap: 0.5rem; font-size: 0.9rem; color: var(--custom-content-color-light); } @@ -149,10 +152,9 @@ } .custom--main-menu-button svg { - padding: 2px; - margin-right: 10px; color: var(--custom-content-color-light); } + .custom--main-menu-button:hover, .custom--main-menu-button:hover svg { transition: all; diff --git a/apps/reference/src/css/components/_edit-this-page.scss b/apps/reference/src/css/components/_edit-this-page.scss deleted file mode 100644 index 09ff54bd567..00000000000 --- a/apps/reference/src/css/components/_edit-this-page.scss +++ /dev/null @@ -1,24 +0,0 @@ -:root { - --edit-this-page-c: var(--ifm-link-color); -} - -.theme-edit-this-page { - display: grid; - align-items: center; - column-gap: 0.5rem; - - grid-template-columns: 0.875rem 1fr; - - margin-block-start: 1.25rem; - - color: var(--edit-this-page-c); - - transition: opacity 0.2s ease-out; - - &:hover, - &:active, - &:focus { - color: var(--edit-this-page-c); - opacity: 0.7; - } -} diff --git a/apps/reference/src/css/components/_markdown.scss b/apps/reference/src/css/components/_markdown.scss index 461ef726cb8..e69de29bb2d 100644 --- a/apps/reference/src/css/components/_markdown.scss +++ b/apps/reference/src/css/components/_markdown.scss @@ -1,145 +0,0 @@ -html[data-theme='light'] { - --markdown-toc-title-c: var(--c-indigo-60); - --markdown-toc-list-item-c: var(--c-indigo-70); - --markdown-text-intro-c: var(--c-carbon-80); - --markdown-bold-c: var(--c-carbon-100); -} - -html[data-theme='dark'] { - --markdown-toc-title-c: #fff; - --markdown-toc-list-item-c: #fff; - --markdown-text-intro-c: var(--c-indigo-40); - --markdown-bold-c: #fff; -} - -.markdown { - --ifm-heading-vertical-rhythm-bottom: 0.6; - --ifm-heading-vertical-rhythm-top: 2; - --ifm-h2-vertical-rhythm-top: 2.75; - --ifm-h3-vertical-rhythm-top: 2.25; - - --ifm-h2-font-size: 2rem; - --ifm-h3-font-size: 1.5rem; - --ifm-h4-font-size: 1.25rem; - --ifm-h5-font-size: 1rem; - --ifm-h6-font-size: 0.875rem; - - strong, - b { - font-weight: 600; - color: var(--markdown-bold-c); - } - - //differentiate between inline code and code blocks - code { - font-size: 95%; - } - pre code { - font-size: 0.813rem; - } - - .encapsulation-pill { - position: absolute; - top: calc(var(--ifm-navbar-height) + 4rem); - } - - > * { - max-width: 100%; - } - - p, - li, - td, - tr { - font-size: 1rem; - // letter-spacing: var(--letter-spacing-tight); - } - - p, - li, - .tabs-container { - line-height: 200%; - } - - // have to override style coming from .h1Heading_node_modules-\@docusaurus-theme-classic-lib-next-theme-Heading-styles-module - header > h1 { - --ifm-h1-font-size: clamp(2.5rem, 8vw, 3.5rem); - font-size: var(--ifm-h1-font-size); - } - - h1, - h2, - h3, - h4, - h5, - h6 { - > a { - color: inherit; - } - } - - h1 { - // margin-block-start: 5rem; - } - - h2 + h3, - h3 + h4, - h4 + h5, - h5 + h6 { - margin-block-start: 1rem; - } - - //intro paragraphs - > header + p { - color: var(--markdown-text-intro-c); - font-size: 1.25rem; - - > strong, - > b { - color: var(--markdown-bold-c); - } - - + p { - color: var(--markdown-text-intro-c); - font-size: 1.25rem; - - > strong, - > b { - color: var(--markdown-bold-c); - } - } - } - - .table-of-contents { - margin-block-end: 3rem; - - list-style: none; - padding: 0; - - &__title { - color: var(--markdown-toc-title-c); - margin-block-end: 1.5rem; - - font-weight: bold; - text-transform: uppercase; - font-size: 0.625rem; - line-height: 0.75rem; - letter-spacing: 0.08em; - } - - li { - color: var(--markdown-toc-list-item-c); - font-size: 0.75rem; - line-height: 0.875rem; - margin: 0; - - a { - color: inherit; - } - - + li { - margin-block-start: 0.75rem; - } - } - } -} diff --git a/apps/reference/src/css/components/_nav-bar.scss b/apps/reference/src/css/components/_nav-bar.scss new file mode 100644 index 00000000000..fe65abf82a8 --- /dev/null +++ b/apps/reference/src/css/components/_nav-bar.scss @@ -0,0 +1,9 @@ +.navbar__item { + font-size: var(--custom-font-size-sm); +} + +.navbar__logo { + // padding-top: 2px; + // padding-bottom: 2px; + height: 1.5rem; +} diff --git a/apps/reference/src/css/components/_navbar-sidebar.scss b/apps/reference/src/css/components/_navbar-sidebar.scss deleted file mode 100644 index 2e542a74580..00000000000 --- a/apps/reference/src/css/components/_navbar-sidebar.scss +++ /dev/null @@ -1,66 +0,0 @@ -//overrides -#__docusaurus { - .navbar-sidebar { - z-index: var(--z-sidebar); - - &__item { - padding: 1rem var(--ifm-navbar-padding-horizontal); - - .menu__list { - .separator { - display: none; - } - .icon-link { - display: none; - } - } - } - - &__brand { - .navbar__brand { - display: flex; - } - - .navbar__logo { - display: block; - height: auto; - - img { - display: block; - height: auto; - } - } - } - - .cta { - display: none; - } - - [class*='toggle_'] { - display: none; - } - - &__back { - padding-inline-start: 0; - padding-inline-end: 0; - - margin: 0; - - background-color: var(--token-primary-bg-c); - } - - &__close { - padding: 0.5rem; - margin-inline-end: -0.5rem; - - svg { - width: 1rem; - height: 1rem; - } - } - - &__backdrop { - z-index: var(--z-sidebar); - } - } -} diff --git a/apps/reference/src/css/components/_navbar.scss b/apps/reference/src/css/components/_navbar.scss deleted file mode 100644 index b8386d9e780..00000000000 --- a/apps/reference/src/css/components/_navbar.scss +++ /dev/null @@ -1,262 +0,0 @@ -html[data-theme='light'] { - --navbar-link-c: var(--c-indigo-80); - - --navbar-separator-bg-c: var(--c-indigo-40); - - --ifm-dropdown-background-color: var(--token-secondary-bg-c); -} - -html[data-theme='dark'] { - --navbar-link-c: var(--c-gray-0); - - --navbar-separator-bg-c: var(--c-carbon-80); - - .navbar { - .dropdown { - .navbar__link { - filter: brightness(0) invert(1); - } - } - - .icon-link { - filter: brightness(0) invert(1); - } - } -} - -:root { - --navbar-dropdown-icon: var(--ifm-menu-link-sublist-icon); -} - -//overrides -#__docusaurus { - > .navbar { - display: none; - } - - .navbar { - &__inner { - width: initial; - flex-grow: 1; - flex-wrap: nowrap; - } - - &__items { - min-width: auto; - - &:not(.navbar__items--right) { - .navbar__link.navbar__item { - @media (max-width: 996px) { - display: none; - } - } - } - - .cta { - display: flex; - align-items: center; - - padding: 0.375rem 0.625rem; - - background: linear-gradient(90deg, #495fff 0%, #18c6ff 114.68%); - - color: #fff; - - border-radius: 200px; - - white-space: nowrap; - - font-weight: 600; - font-size: 0.75rem; - line-height: 100%; - - transition: opacity 0.2s ease-out; - - margin-inline-start: 0.5rem; - - @media (max-width: 1400px) { - display: none; - } - - &:hover, - &:active { - opacity: 0.8; - } - - svg { - margin-inline-start: 0.125rem; - } - } - } - - &__items--right { - flex-grow: 1; - - .icon-link, - [class*='toggle_'] { - padding: 0.5rem; - display: flex; - - transition: opacity 0.2s ease-out; - - &:hover, - &:focus, - &:active { - opacity: 0.7; - } - } - - div { - //version dropdown - &:nth-of-type(1) { - @media (max-width: 996px) { - display: none; - } - } - - //community and support dropdowns - &:nth-of-type(3), - &:nth-of-type(4) { - @media (max-width: 1216px) { - display: none; - } - } - - //theme toggle - &:nth-last-of-type(1) { - order: 4; - } - } - - a { - //twitter icon - &:nth-of-type(1) { - order: 5; - } - - //github icon - &:nth-of-type(2) { - order: 7; - } - - //discord icon - &:nth-of-type(3) { - order: 6; - } - } - } - - &__item:not(.dropdown) { - &.navbar__link { - align-self: stretch; - display: flex; - align-items: center; - - position: relative; - - &::after { - content: ''; - position: absolute; - height: 2px; - left: var(--ifm-navbar-item-padding-horizontal); - right: var(--ifm-navbar-item-padding-horizontal); - bottom: 0; - - background: rgba(0, 0, 0, 0); - - transition: background-color 0.2s ease-out; - } - - &--active { - color: var(--ifm-link-color); - - &::after { - background: var(--ifm-link-color); - } - } - } - } - - &__item { - transition: opacity 0.2s ease-out; - - display: inline-block; - - &.dropdown { - align-self: stretch; - display: flex; - - .navbar__link { - display: flex; - align-items: center; - - &::after { - position: static; - - border: none; - - background: var(--ifm-menu-link-sublist-icon) 50% / 0.5rem 0.25rem; - background-repeat: no-repeat; - - min-width: 0.5rem; - min-height: 0.25rem; - - transform: rotate(180deg) translateY(-0.125rem); - } - } - - .dropdown__menu { - top: 100%; - } - } - - &:not(.navbar__link--active) { - &.navbar__link { - &:hover { - opacity: 0.8; - } - } - } - } - - &__link { - font-weight: 500; - font-size: 0.875rem; - line-height: 17px; - - color: var(--navbar-link-c); - } - - &__brand { - display: none; - } - - &__logo { - display: none; - } - - .separator { - width: 1px; - height: 1.75rem; - background: var(--navbar-separator-bg-c); - - margin-inline-start: 1rem; - margin-inline-end: 1rem; - } - - .language { - padding: 0; - margin-inline-start: -0.25rem; - margin-inline-end: -0.25rem; - - > span, - &::after { - display: none; - } - - &::before { - content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgM2gxMi4xMk03LjA2IDF2Mk0xMC40MiAxN2w0LjA0LTkuMzNMMTguNSAxN00xMS42NiAxNC4zM2g1LjZNMTAuODEgM1M5LjggNi45MiA3LjM1IDkuODhjLTIuNDQgMi45NS01IDQuNDUtNSA0LjQ1IiBzdHJva2U9IiM5MkEwQjMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHBhdGggZD0iTTkuNzUgMTIuMzNzLTEuNDctMS4xMi0zLjAzLTMuMTJjLTEuNTYtMi0yLjM1LTMuNTQtMi4zNS0zLjU0IiBzdHJva2U9IiM5MkEwQjMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+'); - } - } - } -} diff --git a/apps/reference/src/css/components/_pagination.scss b/apps/reference/src/css/components/_pagination.scss deleted file mode 100644 index 5f3e23020af..00000000000 --- a/apps/reference/src/css/components/_pagination.scss +++ /dev/null @@ -1,56 +0,0 @@ -//overrides -#__docusaurus { - .pagination-nav { - &__link { - border: none; - - transition: color 0.2s ease-out; - } - - &__label { - --icon-padding: 0.25rem; - } - - &__sublabel { - margin-block-end: 1rem; - } - - //Previous item - > div:first-of-type { - .pagination-nav__link { - padding-inline-start: 0; - } - - .pagination-nav__label { - padding-inline-start: var(--icon-padding); - - &::before { - padding-inline-end: var(--icon-padding); - position: absolute; - background-color: var(--ifm-background-color); - transform: translateX(calc(var(--icon-padding) * -1)); - content: '←'; - } - } - } - - //Next item - > div:last-of-type { - .pagination-nav__link { - padding-inline-end: 0; - } - - .pagination-nav__label { - padding-inline-end: var(--icon-padding); - - &::after { - padding-inline-start: var(--icon-padding); - position: absolute; - background-color: var(--ifm-background-color); - transform: translateX(calc(-100% + var(--icon-padding))); - content: '→'; - } - } - } - } -} diff --git a/apps/reference/src/css/components/_search.scss b/apps/reference/src/css/components/_search.scss deleted file mode 100644 index 8581c25ffaa..00000000000 --- a/apps/reference/src/css/components/_search.scss +++ /dev/null @@ -1,91 +0,0 @@ -:root:root { - --docsearch-searchbox-background: var(--token-primary-bg-c); - --docsearch-searchbox-height: 2.25rem; - --docsearch-searchbox-focus-background: var(--token-primary-bg-c); - - --docsearch-key-gradient: var(--token-primary-bg-c); - --docsearch-key-shadow: none; -} - -html[data-theme='light'] { - --docsearch-searchbox-shadow: inset 0 0 0 1px var(--c-indigo-30); - - --search-keys-border-c: var(--c-indigo-20); - - .DocSearch-Button { - &:hover { - --docsearch-searchbox-shadow: inset 0 0 0 1px var(--c-indigo-50); - } - } -} - -html[data-theme='dark'] { - --docsearch-searchbox-shadow: inset 0 0 0 1px var(--c-gray-90); - - --search-keys-border-c: var(--c-gray-80); - - .DocSearch-Button { - &:hover { - --docsearch-searchbox-shadow: inset 0 0 0 1px var(--c-gray-70); - } - } -} - -//overrides -#__docusaurus { - [class^='searchBox_'] { - flex-grow: 1; - max-width: 14rem; - } - - @media (max-width: 996px) { - [class^='searchBox_'] { - position: static; - right: initial; - } - } - - .DocSearch-Button { - width: 100%; - border-radius: 8px; - box-shadow: var(--docsearch-searchbox-shadow); - - .DocSearch-Button-Keys { - min-width: 0; - display: flex; - align-items: center; - justify-content: center; - - padding: 0.125rem; - border: 1px solid var(--search-keys-border-c); - border-radius: 6px; - - .DocSearch-Button-Key { - position: static; - margin-inline-end: 0; - padding-block-end: 0; - - width: auto; - height: auto; - - color: var(--c-indigo-50); - border-radius: 0; - } - } - - .DocSearch-Search-Icon { - max-width: 0.875rem; - color: var(--c-indigo-50); - } - - .DocSearch-Button-Placeholder { - font-weight: 500; - font-size: 0.875rem; - line-height: 17px; - - color: var(--c-indigo-60); - - margin-block-start: -0.125rem; - } - } -} diff --git a/apps/reference/src/css/components/_table.scss b/apps/reference/src/css/components/_table.scss deleted file mode 100644 index c7d46e881aa..00000000000 --- a/apps/reference/src/css/components/_table.scss +++ /dev/null @@ -1,65 +0,0 @@ -html[data-theme='light'] { - --ifm-table-border-color: var(--c-indigo-30); -} - -html[data-theme='dark'] { - --ifm-table-border-color: var(--c-gray-90); -} - -:root { - --ifm-table-stripe-background: var(--ifm-table-background); -} - -.table-wrapper { - overflow-x: auto; -} - -table, -tr, -td, -th { - border-collapse: collapse; -} - -table { - display: table; - border-radius: 8px; - - border-style: hidden; /* hide standard table (collapsed) border */ - box-shadow: inset 0 0 0 1px var(--ifm-table-border-color); - - thead { - tr { - border-width: 1px; - } - } -} - -th { - text-align: start; -} - -th, -td { - line-height: 1.6; -} - -thead th:empty { - display: none; -} - -.reference-table { - display: inline-table; -} - -.reference-table th h3 { - margin: 0; -} - -.reference-table p { - margin: 0; -} - -.reference-table p + p { - margin-top: 2em; -} diff --git a/apps/reference/src/css/components/_tabs.scss b/apps/reference/src/css/components/_tabs.scss deleted file mode 100644 index fa50e8f9923..00000000000 --- a/apps/reference/src/css/components/_tabs.scss +++ /dev/null @@ -1,56 +0,0 @@ -html[data-theme='light'] { - --ifm-tabs-color: var(--c-indigo-90); - --ifm-tabs-color-active: var(--c-carbon-100); - --tabs-border-c: var(--c-indigo-40); -} - -html[data-theme='dark'] { - --ifm-tabs-color: #fff; - --ifm-tabs-color-active: #fff; - --tabs-border-c: #fff; -} - -:root { - --ifm-tabs-padding-horizontal: 0.5rem; - --ifm-tabs-padding-vertical: 0.625rem; - - --ifm-tabs-spacing: 0.5rem; -} - -.tabs { - .tabs__item { - font-weight: 400; - font-size: 0.75rem; - line-height: 100%; - letter-spacing: 0; - - border-radius: 1000px; - border: 1px solid rgba(0, 0, 0, 0); - - padding-block-start: calc(var(--ifm-tabs-padding-vertical) - 1px); - - transition: border-color 0.2s ease-out, opacity 0.2s ease-out; - - &--active { - font-weight: 500; - - border-color: var(--tabs-border-c); - } - - + .tabs__item { - margin-inline-start: var(--ifm-tabs-spacing); - } - - &:hover { - background-color: inherit; - - &:not(.tabs__item--active) { - opacity: 0.7; - } - } - } -} - -.tabs-container > div { - margin-block-start: 0.75rem !important; -} diff --git a/apps/reference/src/css/components/_theme-toggle.scss b/apps/reference/src/css/components/_theme-toggle.scss deleted file mode 100644 index 850ad8d9216..00000000000 --- a/apps/reference/src/css/components/_theme-toggle.scss +++ /dev/null @@ -1,52 +0,0 @@ -[class^='toggle_'] { - position: relative; - padding: 0; - - display: flex; - align-items: center; - justify-content: center; - - [class^='toggleTrack'] { - display: none; - } - - input[type='checkbox'] { - display: block; - position: relative; - height: 1.25rem; - width: 1.25rem; - clip: unset; - cursor: pointer; - } - - &::before { - content: ''; - position: absolute; - z-index: 1; - pointer-events: none; - top: 0; - left: 0; - width: 100%; - height: 100%; - - background: var(--token-primary-bg-c); - } - - &::after { - content: ''; - width: 1rem; - height: 1rem; - display: block; - pointer-events: none; - - position: absolute; - z-index: 2; - } -} - -html[data-theme='light'] [class^='toggle_']::after { - content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuMzA3NjkgMy4zODQ2MkM0LjMwNzY5IDIuMjA2OTIgNC40ODExNSAxLjAxNSA0LjkyMzA4IDBDMS45ODM0NiAxLjI3OTYyIDAgNC4yODE1NCAwIDcuNjkyMzFDMCAxMi4yODA0IDMuNzE5NjIgMTYgOC4zMDc2OSAxNkMxMS43MTg1IDE2IDE0LjcyMDQgMTQuMDE2NSAxNiAxMS4wNzY5QzE0Ljk4NSAxMS41MTg4IDEzLjc5MzEgMTEuNjkyMyAxMi42MTU0IDExLjY5MjNDOC4wMjczMSAxMS42OTIzIDQuMzA3NjkgNy45NzI2OSA0LjMwNzY5IDMuMzg0NjJaIiBmaWxsPSIjOTJBMEIzIi8+Cjwvc3ZnPgo='); -} -html[data-theme='dark'] [class^='toggle_']::after { - content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGgKICAgIGQ9Ik04IDMuMmEuNzcuNzcgMCAwIDEtLjc3LS43N1YuNzdhLjc3Ljc3IDAgMSAxIDEuNTQgMHYxLjY2QS43Ny43NyAwIDAgMSA4IDMuMlpNOCAxNmEuNzcuNzcgMCAwIDEtLjc3LS43N3YtMS42N2EuNzcuNzcgMCAwIDEgMS41NCAwdjEuNjdBLjc3Ljc3IDAgMCAxIDggMTZaTTExLjk0IDQuODNhLjc3Ljc3IDAgMCAxLS41NS0xLjNsMS4xOC0xLjE5YS43Ny43NyAwIDAgMSAxLjA5IDEuMDlMMTIuNDggNC42YS43Ni43NiAwIDAgMS0uNTQuMjJaTTIuODggMTMuODhhLjc3Ljc3IDAgMCAxLS41NC0xLjNsMS4xOC0xLjE5YS43Ny43NyAwIDEgMSAxLjA5IDEuMDlsLTEuMTggMS4xOGEuNzYuNzYgMCAwIDEtLjU1LjIyWk0xNS4yMyA4Ljc3aC0xLjY2YS43Ny43NyAwIDAgMSAwLTEuNTRoMS42NmEuNzcuNzcgMCAwIDEgMCAxLjU0Wk0yLjQzIDguNzdILjc3YS43Ny43NyAwIDEgMSAwLTEuNTRoMS42NmEuNzcuNzcgMCAxIDEgMCAxLjU0Wk0xMy4xMiAxMy44OGEuNzYuNzYgMCAwIDEtLjU1LS4yMmwtMS4xOC0xLjE4YS43Ny43NyAwIDAgMSAxLjA5LTEuMDlsMS4xOCAxLjE4YS43Ni43NiAwIDAgMS0uNTQgMS4zMVpNNC4wNiA0LjgzYS43Ni43NiAwIDAgMS0uNTQtLjIyTDIuMzQgMy40M2EuNzcuNzcgMCAwIDEgMS4wOS0xLjA5TDQuNiAzLjUyYS43Ny43NyAwIDAgMS0uNTUgMS4zMVpNOCAxMS41NWEzLjU1IDMuNTUgMCAxIDEgMC03LjEgMy41NSAzLjU1IDAgMCAxIDAgNy4xWiIKICAgIGZpbGw9IiNmZmZmZmYiIC8+Cjwvc3ZnPg=='); -} diff --git a/apps/reference/src/css/custom.scss b/apps/reference/src/css/custom.scss index a3b81d3bcdf..4f017429fc9 100644 --- a/apps/reference/src/css/custom.scss +++ b/apps/reference/src/css/custom.scss @@ -12,21 +12,11 @@ @use './components/methodLists'; @use './components/menu'; @use './components/button-card'; -// @use './components/admonition'; -// @use './components/back-to-top-button'; -// @use './components/code'; @use './components/doc-item'; @use './components/doc-page'; @use './components/doc-sidebar'; -// @use './components/edit-this-page'; @use './components/markdown'; -// @use './components/navbar'; -// @use './components/navbar-sidebar'; -// @use './components/pagination'; -// @use './components/search'; -// @use './components/table'; -// @use './components/tabs'; -// @use './components/theme-toggle'; +@use './components/nav-bar'; @use './components/toc'; :root { @@ -242,7 +232,6 @@ html { @apply text-green-500; } - .method-list-group { list-style: none; padding: 0; @@ -313,4 +302,4 @@ h4.method-list-item-label .method-list-item-validation { .method-list-group .method-list-group li h4 { margin-bottom: 4px; -} \ No newline at end of file +} diff --git a/apps/reference/src/css/main.scss b/apps/reference/src/css/main.scss index 7fe88713328..6650bc103a3 100644 --- a/apps/reference/src/css/main.scss +++ b/apps/reference/src/css/main.scss @@ -255,11 +255,6 @@ color: var(--custom-content-color); } -.navbar__logo { - padding-top: 2px; - padding-bottom: 2px; -} - .navbar { box-shadow: none; border-bottom: 1px solid var(--custom-border-color); @@ -350,7 +345,6 @@ html[data-theme='dark'] .navbar-item-discord:before { background-position: center; } - /* PRISM */ .prism-code { @@ -413,4 +407,4 @@ html[data-theme='dark'] .navbar-item-discord:before { .theme-doc-markdown h3 { scroll-margin-top: 80px; -} \ No newline at end of file +} diff --git a/apps/reference/src/theme/DocSidebar/Desktop/Content/index.js b/apps/reference/src/theme/DocSidebar/Desktop/Content/index.js index 46681d6d06c..7ab60a6c546 100644 --- a/apps/reference/src/theme/DocSidebar/Desktop/Content/index.js +++ b/apps/reference/src/theme/DocSidebar/Desktop/Content/index.js @@ -81,7 +81,10 @@ export default function ContentWrapper(props) {
{pathname && requiresSubNav(pathname, subNavRoutes) && ( <> - + = 10" + } + }, + "node_modules/@next/swc-freebsd-x64": { + "version": "12.2.5", + "resolved": "https://registry.npmjs.org/@next/swc-freebsd-x64/-/swc-freebsd-x64-12.2.5.tgz", + "integrity": "sha512-yYUbyup1JnznMtEBRkK4LT56N0lfK5qNTzr6/DEyDw5TbFVwnuy2hhLBzwCBkScFVjpFdfiC6SQAX3FrAZzuuw==", + "cpu": [ + "x64" + ], + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">= 10" + } } }, "dependencies": { @@ -43610,6 +43640,18 @@ "version": "1.0.5", "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-1.0.5.tgz", "integrity": "sha512-V50KMwwzqJV0NpZIZFwfOD5/lyny3WlSzRiXgA0G7VUnRlqttta1L6UQIHzd6EuBY/cHGfwTIck7w1yH6Q5zUw==" + }, + "@next/swc-android-arm-eabi": { + "version": "12.2.5", + "resolved": "https://registry.npmjs.org/@next/swc-android-arm-eabi/-/swc-android-arm-eabi-12.2.5.tgz", + "integrity": "sha512-cPWClKxGhgn2dLWnspW+7psl3MoLQUcNqJqOHk2BhNcou9ARDtC0IjQkKe5qcn9qg7I7U83Gp1yh2aesZfZJMA==", + "optional": true + }, + "@next/swc-freebsd-x64": { + "version": "12.2.5", + "resolved": "https://registry.npmjs.org/@next/swc-freebsd-x64/-/swc-freebsd-x64-12.2.5.tgz", + "integrity": "sha512-yYUbyup1JnznMtEBRkK4LT56N0lfK5qNTzr6/DEyDw5TbFVwnuy2hhLBzwCBkScFVjpFdfiC6SQAX3FrAZzuuw==", + "optional": true } } }