Merge pull request #8286 from supabase/chore/docs-visual-fixes

Chore/docs visual fixes
This commit is contained in:
Copple authored and GitHub committed 2022-08-14 09:43:37 +02:00
commit 78ecbf7e1d
18 files changed
+66 -1158

No files matched your search

@@ -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);
// }
@@ -1,8 +0,0 @@
//overrides
#__docusaurus {
[class*='backToTopButton_'] {
&::after {
mask: var(--ifm-menu-link-sublist-icon) 50% / 1rem 0.75rem no-repeat;
}
}
}
@@ -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;
}
@@ -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;
@@ -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;
}
}
@@ -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;
}
}
}
}
@@ -0,0 +1,9 @@
.navbar__item {
font-size: var(--custom-font-size-sm);
}
.navbar__logo {
// padding-top: 2px;
// padding-bottom: 2px;
height: 1.5rem;
}
@@ -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);
}
}
}
@@ -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+');
}
}
}
}
@@ -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: '→';
}
}
}
}
}
@@ -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;
}
}
}
@@ -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;
}
@@ -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;
}
@@ -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==');
}
+2 -13
View File
@@ -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;
}
}
+1 -7
View File
@@ -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;
}
}
@@ -81,7 +81,10 @@ export default function ContentWrapper(props) {
<div className="theme-doc-sidebar-menu-custom-container">
{pathname && requiresSubNav(pathname, subNavRoutes) && (
<>
<Link to={`/${baseUrl}/reference`} id="custom--main-menu-button">
<Link
to={`/${baseUrl}/reference`}
className="custom--main-menu-button"
>
<svg
width="24"
height="24"
+42
View File
@@ -25377,6 +25377,36 @@
},
"packages/tsconfig": {
"version": "0.0.0"
},
"node_modules/@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==",
"cpu": [
"arm"
],
"optional": true,
"os": [
"android"
],
"engines": {
"node": ">= 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
}
}
}