docs: refactor to use TypeScript, ESLint, and Tailwind CSS (#4136)
* docs(refactoring): configured eslint and typescript (#3511) * docs: configured eslint and typescript * fixed yarn.lock * docs(refactoring): migrate components directory to typescript (#3517) * docs: migrate components directory to typescript * removed vscode settings * fix following merge * docs: refactored QueryNote component (#3576) * docs: refactored first batch of theme components (#3579) * docs: refactored second batch of theme components (#3580) * added missing badge styles * fix after merge * docs(refactoring): migrated remaining component to TypeScript (#3770) * docs(refactoring): configured eslint and typescript (#3511) * docs: configured eslint and typescript * fixed yarn.lock * docs(refactoring): migrate components directory to typescript (#3517) * docs: migrate components directory to typescript * removed vscode settings * fix following merge * docs: refactored QueryNote component (#3576) * docs: refactored first batch of theme components (#3579) * docs: refactored second batch of theme components (#3580) * added missing badge styles * docs: refactoring second batch of theme components * fix after merge * refactored icons and other components * docs: refactored all components * docs(refactoring): set up and configured Tailwind Css (#3841) * docs: added tailwind config * docs: added more tailwind configurations * add includes option * added more tailwind configurations * fix to configurations * docs(refactoring): use tailwind css (#4134) * docs: added tailwind config * docs: added more tailwind configurations * add includes option * added more tailwind configurations * fix to configurations * docs(refactoring): refactored all styles to use tailwind css (#4132) * refactored Badge component to use tailwind css * refactored Bordered component to use tailwind css * updated to latest docusaurus * refactored BorderedIcon component to use tailwind css * refactored Feedback component to use tailwind css * refactored icons and footersociallinks to tailwind css * start refactoring of large card * refactored large card styling * refactored until admonitions * refactored until codeblock * refactored until Tabs * refactored Tabs (without testing * finished refactoring styles to tailwind css * upgraded to version 2.4.1 * general fixes * adjusted eslint configurations * fixed ignore files * fixes to large card * fix search styling * fix npx command * updated tabs to use isCodeTabs prop * fixed os tabs * removed os-tabs class in favor of general styling * improvements to buttons * fix for searchbar * fixed redocly download button * chore: added eslint code action (#4135) * small change in commerce modules page
This commit is contained in:
Shahed Nasser
GitHub
@@ -1,111 +0,0 @@
|
||||
.card {
|
||||
background-color: var(--ifm-card-bg);
|
||||
border: 1px solid var(--ifm-card-bg-hover) !important;
|
||||
border-radius: var(--ifm-global-radius);
|
||||
}
|
||||
|
||||
img.card-icon {
|
||||
width: var(--ifm-card-icon-size);
|
||||
height: var(--ifm-card-icon-size);
|
||||
}
|
||||
|
||||
.cards-grid {
|
||||
display: grid;
|
||||
column-gap: var(--ifm-base-spacing);
|
||||
grid-auto-rows: 1fr;
|
||||
}
|
||||
|
||||
.cards-grid.grid-6 {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
|
||||
.card-highlighted {
|
||||
--bordered-inside-padding: 6px;
|
||||
|
||||
position: relative;
|
||||
margin-bottom: calc(var(--ifm-base-margin-vertical) * 2);
|
||||
}
|
||||
|
||||
.card-highlighted {
|
||||
background-color: var(--ifm-card-bg);
|
||||
}
|
||||
|
||||
/* html[data-theme="dark"] .card-highlighted::before,
|
||||
html[data-theme="dark"] .card-highlighted::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
} */
|
||||
|
||||
/* html[data-theme="dark"] .card-highlighted::before {
|
||||
z-index: -2;
|
||||
background-color: var(--ifm-card-bg);
|
||||
background-image: url('/img/stardust.png');
|
||||
transition: all var(--ifm-transition-fast) ease;
|
||||
}
|
||||
|
||||
html[data-theme="dark"] .card-highlighted::after {
|
||||
z-index: -1;
|
||||
background-image: url('/img/light-beam.png');
|
||||
} */
|
||||
|
||||
.card-highlighted:hover {
|
||||
background-color: var(--ifm-card-bg-hover);
|
||||
}
|
||||
|
||||
.card + p {
|
||||
margin-top: var(--ifm-base-margin-vertical);
|
||||
}
|
||||
|
||||
.card-wrapper:hover > [class*=cardSoon] [class*=cardTitle],
|
||||
.card-wrapper:hover > [class*=cardSoon] [class*=cardDescription] {
|
||||
color: var(--medusa-text-disabled);
|
||||
}
|
||||
|
||||
@media screen and (min-width: 992px) {
|
||||
.cards-grid.grid-4 {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 991px) and (min-width: 768px) {
|
||||
.cards-grid.grid-4 {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
.card-highlighted [class*=cardDescription] {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.card-highlighted::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.card-highlighted::before {
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-image: var(--ifm-card-highlighted-bg-image);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
.cards-grid.grid-4 {
|
||||
grid-template-columns: repeat(1, 1fr);
|
||||
}
|
||||
|
||||
.cards-grid.grid-6 {
|
||||
grid-template-columns: repeat(1, 1fr);
|
||||
}
|
||||
}
|
||||
@@ -1,203 +0,0 @@
|
||||
code {
|
||||
border: 1px solid var(--ifm-code-border-color);
|
||||
color: var(--ifm-code-color);
|
||||
line-height: var(--medusa-body-regular-line-height);
|
||||
}
|
||||
|
||||
[data-tooltip-content]:hover code {
|
||||
background-color: var(--ifm-code-background-hover);
|
||||
}
|
||||
|
||||
[data-tooltip-content] > span:active > code,
|
||||
[data-tooltip-content] > span:focus > code {
|
||||
background-color: var(--ifm-code-background-pressed);
|
||||
}
|
||||
|
||||
.inline-code-copy {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
padding: 0;
|
||||
display: inline;
|
||||
color: var(--ifm-code-color)
|
||||
}
|
||||
|
||||
.prism-code {
|
||||
background-color: none;
|
||||
word-break: break-word;
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
.prism-code div,
|
||||
.prism-code div:focus,
|
||||
.prism-code div:active {
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
.code-tabs {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.code-header {
|
||||
padding: 12px var(--ifm-base-spacing);
|
||||
background-color: var(--medusa-code-tabs-bg);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
border-radius: var(--ifm-code-border-radius) var(--ifm-code-border-radius) 0px 0px;
|
||||
}
|
||||
|
||||
.code-tabs .tabs::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.code-tabs .tabs__item {
|
||||
color: var(--ifm-code-tabs-color);
|
||||
font-size: var(--medusa-label-small-plus-size);
|
||||
font-weight: var(--medusa-label-small-plus-font-weight);
|
||||
line-height: var(--medusa-label-small-plus-line-height);
|
||||
padding: 4px 12px;
|
||||
border: 1px solid transparent;
|
||||
white-space: nowrap;
|
||||
border-radius: 99999px;
|
||||
}
|
||||
|
||||
.code-tabs .tabs__item:not(:first-child) {
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
.code-title {
|
||||
font-size: var(--medusa-label-small-plus-size);
|
||||
font-weight: var(--medusa-label-small-plus-font-weight);
|
||||
line-height: var(--medusa-label-small-plus-line-height);
|
||||
color: var(--ifm-code-title-color);
|
||||
}
|
||||
|
||||
.code-tabs-ul-wrapper {
|
||||
position: relative;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.code-tabs-ul-wrapper .tabs__item {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.code-tabs .tabs__item--active {
|
||||
color: var(--ifm-code-tabs-active-color);
|
||||
}
|
||||
|
||||
.theme-code-block:not(.no-header-block),
|
||||
.code-tabs .theme-code-block {
|
||||
border-radius: 0 0 var(--ifm-code-border-radius) var(--ifm-code-border-radius) !important;
|
||||
}
|
||||
|
||||
.theme-code-block.no-header-block {
|
||||
border-radius: var(--ifm-code-border-radius);
|
||||
}
|
||||
|
||||
.code-action-copy {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.code-action {
|
||||
--ifm-icon-color: var(--medusa-code-block-action);
|
||||
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
padding: 4px;
|
||||
cursor: pointer;
|
||||
border-radius: var(--ifm-global-radius);
|
||||
}
|
||||
|
||||
.code-action:hover,
|
||||
.tabs__item:hover {
|
||||
background-color: var(--ifm-code-action-hover-bg) !important;
|
||||
}
|
||||
|
||||
.code-action:not(:first-child) {
|
||||
margin-left: calc(var(--ifm-base-spacing) / 2);
|
||||
}
|
||||
|
||||
a.code-action {
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.copy-action {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.code-header,
|
||||
.theme-code-block {
|
||||
border: 1px solid var(--ifm-code-block-border-color);
|
||||
}
|
||||
|
||||
.code-header {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.theme-code-block.no-header-block code:not(.thin-code),
|
||||
.theme-code-block:not(.no-header-block) code {
|
||||
padding: var(--ifm-pre-padding);
|
||||
}
|
||||
|
||||
.theme-code-block.no-header-block .thin-code {
|
||||
padding: calc(var(--ifm-pre-padding) / 2);
|
||||
padding-left: var(--ifm-pre-padding);
|
||||
}
|
||||
|
||||
[class*=codeLineNumber] {
|
||||
color: var(--ifm-code-line-number-color);
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 568px) {
|
||||
.prism-code {
|
||||
max-width: 90%;
|
||||
}
|
||||
|
||||
.prism-code:after {
|
||||
border-radius: var(--ifm-global-radius);
|
||||
content: '';
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: calc(10% + 24px);
|
||||
height: 100%;
|
||||
background: linear-gradient(90deg, var(--ifm-pre-background-transparent), var(--ifm-pre-background) 24px);
|
||||
}
|
||||
|
||||
.prism-code:not(:hover)::-webkit-scrollbar-thumb,
|
||||
.prism-code:not(:hover)::-webkit-scrollbar-track {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.prism-code:hover::-webkit-scrollbar-thumb,
|
||||
.prism-code:hover::-webkit-scrollbar-track {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.code-tabs-ul-wrapper .code-tab-selector {
|
||||
position: absolute;
|
||||
border: 1px solid var(--medusa-code-tab-border);
|
||||
background-color: var(--ifm-code-tabs-active-bg);
|
||||
transition: all var(--ifm-transition-fast) ease;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
border-radius: 99999px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 567px) {
|
||||
.code-tabs .tabs__item--active {
|
||||
border: 1px solid var(--medusa-code-tab-border);
|
||||
background-color: var(--ifm-code-tabs-active-bg);
|
||||
}
|
||||
.code-action {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.tablist-wrapper.code-header .code-title {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@@ -1,383 +0,0 @@
|
||||
/* Search Modal */
|
||||
.DocSearch-Modal {
|
||||
border: 1px solid var(--docsearch-modal-border-color);
|
||||
border-radius: var(--ifm-global-radius) !important;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.DocSearch-SearchBar {
|
||||
padding: 0 !important
|
||||
}
|
||||
|
||||
.DocSearch-Form {
|
||||
--docsearch-spacing: var(--docsearch-spacing-x);
|
||||
--docsearch-searchbox-height: var(--docsearch-modal-searchbox-height);
|
||||
--docsearch-searchbox-shadow: var(--docsearch-modal-searchbox-focus-background);
|
||||
--docsearch-searchbox-focus-background: var(--docsearch-modal-background);
|
||||
|
||||
border-radius: var(--ifm-global-radius) var(--ifm-global-radius) 0 0 !important;
|
||||
border-bottom: 1px solid;
|
||||
}
|
||||
|
||||
.DocSearch-LoadingIndicator svg, .DocSearch-MagnifierLabel svg {
|
||||
width: 20px !important;
|
||||
height: 20px !important;
|
||||
}
|
||||
|
||||
.DocSearch-Input {
|
||||
font-size: var(--medusa-body-regular-size) !important;
|
||||
line-height: var(--medusa-body-regular-line-height) !important;
|
||||
font-weight: var(--medusa-body-regular-font-weight) !important;
|
||||
padding-left: var(--ifm-base-spacing) !important;
|
||||
}
|
||||
|
||||
.DocSearch-Input::placeholder,
|
||||
.DocSearch-Input:-ms-input-placeholder,
|
||||
.DocSearch-Input::-ms-input-placeholder {
|
||||
color: var(--docsearch-placeholder-color);
|
||||
}
|
||||
|
||||
.DocSearch-Dropdown {
|
||||
padding: 0 0 var(--docsearch-footer-height) 0 !important;
|
||||
max-height: calc(var(--docsearch-modal-height) - var(--docsearch-modal-searchbox-height)) !important;
|
||||
}
|
||||
|
||||
.DocSearch-Hit-source {
|
||||
margin: 0 !important;
|
||||
font-size: var(--medusa-label-small-plus-size) !important;
|
||||
line-height: var(--medusa-label-small-plus-line-height) !important;
|
||||
font-weight: var(--medusa-label-small-plus-font-weight) !important;
|
||||
text-transform: uppercase;
|
||||
color: var(--docsearch-source-color);
|
||||
border-bottom: 1px solid var(--docsearch-hit-border-color);
|
||||
padding: var(--docsearch-source-spacing) !important;
|
||||
}
|
||||
|
||||
.DocSearch-Footer {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.DocSearch-Hit {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.DocSearch-Hit:not(.DocSearch-Hit--Child) .DocSearch-Hit-icon {
|
||||
width: 40px !important;
|
||||
height: 40px !important;
|
||||
padding: 2px;
|
||||
border: 1px solid var(--medusa-border-strong);
|
||||
border-radius: var(--ifm-global-radius);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.DocSearch-Hit-icon svg {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.DocSearch-Hit:not(.DocSearch-Hit--Child) .DocSearch-Hit-icon::before {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
content: '';
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
[data-theme="dark"] .DocSearch-Hit:not(.DocSearch-Hit--Child) .DocSearch-Hit-icon::before {
|
||||
background-image: url('/img/search-hit.svg');
|
||||
}
|
||||
|
||||
html:not([data-theme="dark"]) .DocSearch-Hit:not(.DocSearch-Hit--Child) .DocSearch-Hit-icon::before {
|
||||
background-image: url('/img/search-hit-light.svg');
|
||||
}
|
||||
|
||||
.DocSearch-Hit--Child .DocSearch-Hit-icon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.DocSearch-Hit a {
|
||||
padding: var(--docsearch-spacing) !important;
|
||||
box-shadow: none !important;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
|
||||
.DocSearch-Hit:not(:last-of-type) a {
|
||||
border-bottom: 1px solid var(--docsearch-hit-border-color);
|
||||
}
|
||||
|
||||
.DocSearch-Hit-content-wrapper {
|
||||
margin: 0 16px !important;
|
||||
}
|
||||
|
||||
.DocSearch-Hit-title,
|
||||
.DocSearch-Hit-title mark {
|
||||
color: var(--docsearch-hit-title-color) !important;
|
||||
font-size: var(--medusa-label-small-plus-size) !important;
|
||||
line-height: var(--medusa-label-small-plus-line-height) !important;
|
||||
font-weight: var(--medusa-label-small-plus-font-weight) !important;
|
||||
}
|
||||
|
||||
.DocSearch-Hit-path {
|
||||
color: var(--docsearch-muted-color) !important;
|
||||
font-size: var(--medusa-label-small-size) !important;
|
||||
line-height: var(--medusa-label-small-line-height) !important;
|
||||
font-weight: var(--medusa-label-small-font-weight) !important;
|
||||
}
|
||||
|
||||
.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-path {
|
||||
--docsearch-hit-active-color: var(--docsearch-muted-color);
|
||||
}
|
||||
|
||||
.DocSearch-Hit[aria-selected=true] a {
|
||||
background-color: var(--docsearch-hit-active-bg) !important;
|
||||
}
|
||||
|
||||
.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-content-wrapper + .DocSearch-Hit-action:last-child {
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
border: 1px solid var(--medusa-border-strong);
|
||||
border-radius: var(--ifm-global-radius);
|
||||
background-color: var(--docsearch-modal-background);
|
||||
padding: 2px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.DocSearch-Hit-content-wrapper + .DocSearch-Hit-action:last-child svg,
|
||||
.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-content-wrapper + .DocSearch-Hit-action:last-child svg {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-content-wrapper + .DocSearch-Hit-action:last-child::before {
|
||||
content: '';
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
background-image: url('/img/search-hit-arrow.svg');
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
[data-theme="dark"] .DocSearch-Hit[aria-selected=true] .DocSearch-Hit-content-wrapper + .DocSearch-Hit-action:last-child::before {
|
||||
background-image: url('/img/search-hit-arrow.svg');
|
||||
}
|
||||
|
||||
html:not([data-theme="dark"]) .DocSearch-Hit[aria-selected=true] .DocSearch-Hit-content-wrapper + .DocSearch-Hit-action:last-child::before {
|
||||
background-image: url('/img/search-hit-arrow-light.svg');
|
||||
}
|
||||
|
||||
.DocSearch-Hit[aria-selected=true] mark {
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
.DocSearch-Hit-Tree {
|
||||
color: var(--docsearch-tree-color);
|
||||
}
|
||||
|
||||
.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Tree {
|
||||
color: var(--docsearch-tree-hover-color);
|
||||
}
|
||||
|
||||
.DocSearch-HitsFooter {
|
||||
z-index: 100;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: var(--docsearch-footer-height);
|
||||
background-color: var(--docsearch-modal-background);
|
||||
border-top: 1px solid var(--docsearch-modal-border-color);
|
||||
}
|
||||
|
||||
.DocSearch-HitsFooter a {
|
||||
border-bottom: none !important;
|
||||
}
|
||||
|
||||
.DocSearch-Reset {
|
||||
border-radius: var(--ifm-global-radius) !important;
|
||||
transition: all var(--ifm-transition-fast) ease;
|
||||
}
|
||||
|
||||
.DocSearch-Reset:hover {
|
||||
background-color: var(--medusa-bg-base-hover);
|
||||
}
|
||||
|
||||
.DocSearch-Hits:last-of-type {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
/* Modal no results */
|
||||
|
||||
.DocSearch-NoResults .DocSearch-Screen-Icon {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
padding: 0 !important;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 0 auto calc(var(--ifm-base-margin-vertical) / 2) auto;
|
||||
}
|
||||
|
||||
.DocSearch-NoResults .DocSearch-Screen-Icon svg {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.DocSearch-NoResults .DocSearch-Screen-Icon::before {
|
||||
content: '';
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
[data-theme="dark"] .DocSearch-NoResults .DocSearch-Screen-Icon::before {
|
||||
background-image: url('/img/search-no-result.svg');
|
||||
}
|
||||
|
||||
html:not([data-theme="dark"]) .DocSearch-NoResults .DocSearch-Screen-Icon::before {
|
||||
background-image: url('/img/search-no-result-light.svg');
|
||||
}
|
||||
|
||||
.DocSearch-NoResults .DocSearch-Title {
|
||||
font-size: var(--medusa-label-small-size) !important;
|
||||
line-height: var(--medusa-label-small-line-height) !important;
|
||||
font-weight: var(--medusa-label-small-font-weight) !important;
|
||||
padding-left: var(--ifm-base-spacing) !important;
|
||||
}
|
||||
|
||||
.DocSearch-NoResults-Prefill-List {
|
||||
text-align: center;
|
||||
font-size: var(--medusa-label-small-plus-size) !important;
|
||||
line-height: var(--medusa-label-small-plus-line-height) !important;
|
||||
font-weight: var(--medusa-label-small-plus-font-weight) !important;
|
||||
padding-left: var(--ifm-base-spacing) !important;
|
||||
}
|
||||
|
||||
.DocSearch-NoResults-Prefill-List li::marker {
|
||||
content: '';
|
||||
}
|
||||
|
||||
.DocSearch-NoResults-Prefill-List li button {
|
||||
color: var(--ifm-link-color);
|
||||
}
|
||||
|
||||
/* Search Bar */
|
||||
|
||||
.DocSearch-Button {
|
||||
width: 100%;
|
||||
height: 100% !important;
|
||||
border-radius: var(--ifm-global-radius) !important;
|
||||
border: 1px solid var(--docsearch-searchbox-border-color) !important;
|
||||
padding: 6px 6px 6px 8px !important;
|
||||
}
|
||||
|
||||
span.DocSearch-Button-Key {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.DocSearch-Container {
|
||||
z-index: 1001 !important;
|
||||
}
|
||||
|
||||
.DocSearch-Button .DocSearch-Search-Icon {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.DocSearch-Button {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.DocSearch-Button-Container:before {
|
||||
content: '';
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
position: absolute;
|
||||
left: 8px;
|
||||
top: 5px;
|
||||
background-image: url('/static/img/magnifying-glass.svg');
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.DocSearch-Button-Placeholder {
|
||||
color: var(--docsearch-placeholder-color);
|
||||
padding-left: calc(var(--ifm-base-spacing) / 2) !important;
|
||||
font-size: var(--medusa-label-small-size) !important;
|
||||
line-height: var(--medusa-label-small-line-height) !important;
|
||||
font-weight: var(--medusa-label-small-font-weight) !important;
|
||||
}
|
||||
|
||||
.DocSearch-Button-Keys {
|
||||
width: fit-content;
|
||||
min-width: unset !important;
|
||||
}
|
||||
|
||||
.DocSearch-Button-Key {
|
||||
box-shadow: none !important;
|
||||
border-radius: 6px !important;
|
||||
font-size: var(--medusa-label-x-small-plus-size) !important;
|
||||
line-height: var(--medusa-label-x-small-plus-line-height) !important;
|
||||
font-weight: var(--medusa-label-x-small-plus-font-weight) !important;
|
||||
font-family: var(--ifm-font-family-base) !important;
|
||||
vertical-align: middle;
|
||||
padding: 2px !important;
|
||||
border: 1px solid var(--medusa-border-strong) !important;
|
||||
}
|
||||
|
||||
.DocSearch-Button-Key:not(:last-child) {
|
||||
margin-right: 4px !important;
|
||||
}
|
||||
|
||||
.DocSearch-Button-Key:last-child {
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
.DocSearch-Button:active, .DocSearch-Button:focus, .DocSearch-Button:hover,
|
||||
.DocSearch-Form, .DocSearch-Form {
|
||||
border-color: var(--docsearch-searchbox-border-color) !important;
|
||||
}
|
||||
|
||||
/* Search Page */
|
||||
.search-page-wrapper article[class*=searchResultItem] {
|
||||
max-width: unset !important;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 992px) {
|
||||
[class*=searchBox] {
|
||||
width: var(--docsearch-searchbox-width);
|
||||
max-width: var(--docsearch-searchbox-width);
|
||||
height: var(--docsearch-searchbox-height) !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 991px) {
|
||||
.DocSearch-Button-Keys, .DocSearch-Button-Placeholder {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.DocSearch-Button {
|
||||
border: none !important;
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.DocSearch-Button:focus, .DocSearch-Button:hover {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
.DocSearch-Modal {
|
||||
margin: unset !important;
|
||||
width: var(--docsearch-modal-width);
|
||||
}
|
||||
|
||||
.DocSearch-Container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
@@ -1,225 +0,0 @@
|
||||
.main-wrapper {
|
||||
max-width: var(--ifm-max-content-width);
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.theme-doc-breadcrumbs {
|
||||
display: none;
|
||||
}
|
||||
|
||||
article {
|
||||
max-width: var(--ifm-docs-page-max-width);
|
||||
}
|
||||
|
||||
.padding-top--md {
|
||||
padding-top: 48px !important;
|
||||
}
|
||||
|
||||
.margin-bottom--lg {
|
||||
margin-bottom: calc(var(--ifm-base-margin-vertical) / 2) !important;
|
||||
}
|
||||
|
||||
.pagination-nav {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
max-width: var(--ifm-docs-page-max-width);
|
||||
}
|
||||
|
||||
details summary {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.reference-table {
|
||||
display: table !important;
|
||||
table-layout: fixed;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.reference-table p {
|
||||
--ifm-paragraph-margin-bottom: 0;
|
||||
}
|
||||
|
||||
.reference-table.table-col-4 th:nth-child(1),
|
||||
.reference-table.table-col-4 td:nth-child(1) {
|
||||
width: 20% !important;
|
||||
}
|
||||
|
||||
.reference-table.table-col-4 th:nth-child(2),
|
||||
.reference-table.table-col-4 td:nth-child(2) {
|
||||
width: 20% !important;
|
||||
}
|
||||
|
||||
.reference-table.table-col-4 th:nth-child(3),
|
||||
.reference-table.table-col-4 td:nth-child(3) {
|
||||
width: 40% !important;
|
||||
}
|
||||
|
||||
.reference-table.table-col-4 th:nth-child(4),
|
||||
.reference-table.table-col-4 td:nth-child(4) {
|
||||
width: 20% !important;
|
||||
}
|
||||
|
||||
.reference-table th:nth-child(1),
|
||||
.reference-table td:nth-child(1) {
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.reference-table th:nth-child(2),
|
||||
.reference-table td:nth-child(2) {
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.reference-table th:nth-child(3),
|
||||
.reference-table td:nth-child(3) {
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
.reference-table .tooltip-container code {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.reference-table .theme-code-block span {
|
||||
max-width: 100%;
|
||||
word-break: break-word;
|
||||
white-space: break-spaces;
|
||||
}
|
||||
|
||||
.reference-table [class*=codeBlockLinesWithNumbering] {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.container:not(.footer-container) {
|
||||
padding-top: 38px !important;
|
||||
max-width: 100% !important;
|
||||
}
|
||||
|
||||
.pagination-nav {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* User Guide Styling */
|
||||
kbd {
|
||||
font: 100% var(--ifm-font-family-monospace) !important;
|
||||
background-color: var(--medusa-bg-component) !important;
|
||||
color: var(--medusa-text-subtle) !important;
|
||||
border-radius: 6px !important;
|
||||
border-color: var(--medusa-border-strong) !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.ui-icon {
|
||||
vertical-align: sub;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.markdown-doc-wrapper {
|
||||
margin: 0 auto;
|
||||
max-width: var(--ifm-container-width);
|
||||
width: 100%;
|
||||
margin-left: auto !important;
|
||||
}
|
||||
|
||||
.markdown-doc-wrapper--fluid {
|
||||
max-width: inherit;
|
||||
}
|
||||
|
||||
.markdown-row {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.theme-doc-footer {
|
||||
margin-top: 0 !important;
|
||||
border-top: 1px solid var(--ifm-doc-footer-border-color) !important;
|
||||
padding-top: var(--ifm-base-margin-vertical);
|
||||
}
|
||||
|
||||
.theme-edit-this-page {
|
||||
display: inline-flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 6px 12px;
|
||||
border-radius: var(--ifm-global-radius);
|
||||
cursor: pointer;
|
||||
background-color: var(--ifm-secondary-btn-background-color);
|
||||
border: 1px solid var(--ifm-secondary-btn-border-color);
|
||||
font-size: var(--medusa-label-small-plus-size);
|
||||
line-height: var(--medusa-label-small-plus-line-height);
|
||||
font-weight: var(--medusa-label-small-plus-font-weight);
|
||||
}
|
||||
|
||||
.theme-edit-this-page:hover {
|
||||
background-color: var(--ifm-secondary-btn-hover-background-color);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.theme-edit-this-page,
|
||||
.theme-edit-this-page:hover {
|
||||
color: var(--ifm-secondary-btn-color);
|
||||
}
|
||||
|
||||
.theme-edit-this-page:focus {
|
||||
box-shadow: var(--ifm-secondary-btn-focused-shadow);
|
||||
}
|
||||
|
||||
.theme-last-updated {
|
||||
font-style: normal;
|
||||
font-size: var(--medusa-label-small-plus-size);
|
||||
line-height: var(--medusa-label-small-plus-line-height);
|
||||
}
|
||||
|
||||
.theme-last-updated,
|
||||
.theme-last-updated b {
|
||||
font-weight: 400 !important;
|
||||
}
|
||||
|
||||
.medium-zoom-overlay {
|
||||
z-index: var(--ifm-z-index-overlay);
|
||||
}
|
||||
|
||||
.tabs-wrapper:not(.code-tabs) > .tabs-container > div:not(.tablist-wrapper) {
|
||||
padding-top: var(--ifm-base-margin-vertical);
|
||||
}
|
||||
|
||||
.medium-zoom-image--opened {
|
||||
z-index: var(--ifm-z-index-overlay);
|
||||
}
|
||||
|
||||
details > div {
|
||||
--docusaurus-details-decoration-color: transparent !important;
|
||||
}
|
||||
|
||||
.row--justify-end {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.docs-page-container {
|
||||
padding-left: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1419px) {
|
||||
.main-wrapper {
|
||||
min-width: var(--ifm-max-content-width);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1418px) {
|
||||
.main-wrapper {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 992px) {
|
||||
.markdown-doc-wrapper {
|
||||
padding: 0 calc(var(--ifm-spacing-horizontal) * 4);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 991px) {
|
||||
.markdown-doc-wrapper {
|
||||
padding: 0 var(--ifm-spacing-horizontal);
|
||||
}
|
||||
}
|
||||
276
www/docs/src/css/_docusaurus.css
Normal file
276
www/docs/src/css/_docusaurus.css
Normal file
@@ -0,0 +1,276 @@
|
||||
/** This CSS file includes tailwind styling definitions for classes defined by docusaurus **/
|
||||
html,
|
||||
body {
|
||||
@apply tw-h-full;
|
||||
}
|
||||
|
||||
.cards-grid {
|
||||
@apply tw-grid tw-gap-x-1 tw-auto-rows-fr;
|
||||
}
|
||||
|
||||
.cards-grid.grid-6 {
|
||||
@apply md:tw-grid-cols-2 tw-grid-cols-1;
|
||||
}
|
||||
|
||||
.cards-grid.grid-4 {
|
||||
@apply lg:tw-grid-cols-3 md:tw-grid-cols-2 tw-grid-cols-1;
|
||||
}
|
||||
|
||||
h1 + .cards-grid,
|
||||
h1 + .card-wrapper,
|
||||
h2 + .cards-grid,
|
||||
h2 + .card-wrapper,
|
||||
h3 + .cards-grid,
|
||||
h3 + .card-wrapper {
|
||||
@apply tw-mt-1.5;
|
||||
}
|
||||
|
||||
.markdown p + img,
|
||||
.markdown .alert,
|
||||
.markdown .code-wrapper {
|
||||
@apply tw-mb-2;
|
||||
}
|
||||
|
||||
.markdown h2,
|
||||
.markdown h3,
|
||||
.markdown p + .code-wrapper,
|
||||
.markdown p + .tabs-wrapper,
|
||||
.markdown p + .alert,
|
||||
.markdown p + section,
|
||||
video {
|
||||
@apply tw-mt-2;
|
||||
}
|
||||
|
||||
.theme-code-block {
|
||||
@apply tw-border tw-border-solid tw-border-medusa-code-block-border;
|
||||
}
|
||||
|
||||
.markdown p + .card-wrapper {
|
||||
@apply tw-mt-1.5;
|
||||
}
|
||||
|
||||
.card + p {
|
||||
@apply tw-mt-2;
|
||||
}
|
||||
|
||||
.card-highlighted {
|
||||
|
||||
@apply tw-relative tw-mb-4 tw-bg-medusa-bg-subtle dark:tw-bg-medusa-bg-base-dark hover:tw-bg-medusa-bg-subtle-hover dark:hover:tw-bg-medusa-bg-subtle-hover-dark;
|
||||
}
|
||||
|
||||
.col.toc-wrapper {
|
||||
--ifm-col-width: var(--ifm-toc-width);
|
||||
}
|
||||
|
||||
.markdown-doc-wrapper--fluid {
|
||||
@apply tw-max-w-[inherit];
|
||||
}
|
||||
|
||||
:global(.docusaurus-mt-lg) {
|
||||
@apply tw-mt-3;
|
||||
}
|
||||
|
||||
:global(#__docusaurus) {
|
||||
@apply tw-min-h-full tw-flex tw-flex-col;
|
||||
}
|
||||
|
||||
.code-tabs .theme-code-block {
|
||||
@apply !tw-rounded-t-none !tw-rounded-b
|
||||
}
|
||||
|
||||
[class*=codeLineNumber] {
|
||||
@apply tw-text-medusa-text-placeholder !tw-pl-0;
|
||||
}
|
||||
|
||||
.prism-code {
|
||||
@apply xs:tw-max-w-[90%] xs:after:tw-content-[''] xs:after:tw-rounded xs:after:tw-absolute;
|
||||
@apply xs:after:tw-right-0 xs:after:tw-top-0 xs:after:tw-w-[calc(10%+24px)] xs:after:tw-h-full xs:after:tw-bg-code-fade;
|
||||
}
|
||||
|
||||
.prism-code:not(:hover)::-webkit-scrollbar-thumb,
|
||||
.prism-code:not(:hover)::-webkit-scrollbar-track {
|
||||
@apply xs:tw-invisible;
|
||||
}
|
||||
|
||||
.prism-code:hover::-webkit-scrollbar-thumb,
|
||||
.prism-code:hover::-webkit-scrollbar-track {
|
||||
@apply xs:tw-opacity-100
|
||||
}
|
||||
|
||||
.prism-code {
|
||||
@apply tw-bg-transparent tw-break-words !tw-outline-none;
|
||||
}
|
||||
|
||||
.prism-code div {
|
||||
@apply !tw-outline-none focus:!tw-outline-none active:!tw-outline-none;
|
||||
}
|
||||
|
||||
.code-tabs {
|
||||
@apply tw-relative;
|
||||
}
|
||||
|
||||
.sidebar-desktop nav {
|
||||
--ifm-scrollbar-track-background-color: transparent !important;
|
||||
--ifm-scrollbar-thumb-background-color: transparent !important;
|
||||
--ifm-scrollbar-thumb-hover-background-color: transparent !important;
|
||||
}
|
||||
|
||||
.main-wrapper {
|
||||
@apply tw-max-w-xl tw-mx-auto xl:tw-min-w-xl tw-w-full;
|
||||
}
|
||||
|
||||
.theme-doc-breadcrumbs {
|
||||
@apply tw-hidden;
|
||||
}
|
||||
|
||||
article {
|
||||
@apply tw-max-w-[960px];
|
||||
}
|
||||
|
||||
.padding-top--md {
|
||||
@apply !tw-pt-3;
|
||||
}
|
||||
|
||||
.margin-bottom--lg {
|
||||
@apply !tw-mb-1;
|
||||
}
|
||||
|
||||
details summary {
|
||||
@apply tw-cursor-pointer;
|
||||
}
|
||||
|
||||
.reference-table {
|
||||
@apply !tw-table tw-table-fixed tw-w-full;
|
||||
}
|
||||
|
||||
.reference-table p {
|
||||
--ifm-paragraph-margin-bottom: 0;
|
||||
}
|
||||
|
||||
.reference-table.table-col-4 th,
|
||||
.reference-table.table-col-4 td {
|
||||
@apply [&:nth-child(1)]:!tw-w-1/5 [&:nth-child(2)]:!tw-w-1/5 [&:nth-child(3)]:!tw-w-2/5 [&:nth-child(4)]:!tw-w-1/5;
|
||||
}
|
||||
|
||||
.reference-table th:nth-child(1),
|
||||
.reference-table td:nth-child(1) {
|
||||
@apply [&:nth-child(1)]:!tw-w-[30%] [&:nth-child(2)]:!tw-w-[30%] [&:nth-child(3)]:!tw-w-2/5;
|
||||
}
|
||||
|
||||
.reference-table .tooltip-container code {
|
||||
@apply tw-whitespace-nowrap;
|
||||
}
|
||||
|
||||
.reference-table .theme-code-block span {
|
||||
@apply !tw-max-w-full !tw-break-words !tw-whitespace-break-spaces;
|
||||
}
|
||||
|
||||
.reference-table .code-block-numbering {
|
||||
@apply !tw-block;
|
||||
}
|
||||
|
||||
.container {
|
||||
@apply !tw-pt-[38px] !tw-max-w-full;
|
||||
}
|
||||
|
||||
.pagination-nav {
|
||||
@apply tw-hidden;
|
||||
}
|
||||
|
||||
.markdown kbd {
|
||||
@apply !tw-font-monospace !tw-bg-medusa-bg-component dark:!tw-bg-medusa-bg-component-dark !tw-text-medusa-text-subtle dark:!tw-text-medusa-text-subtle-dark;
|
||||
@apply !tw-rounded-md !tw-border-medusa-border-strong dark:!tw-border-medusa-border-strong-dark !tw-shadow-none;
|
||||
}
|
||||
|
||||
.theme-doc-footer {
|
||||
@apply !tw-mt-0 tw-border-0 !tw-border-t tw-border-solid !tw-border-medusa-border-base dark:!tw-border-medusa-border-base-dark;
|
||||
@apply tw-pt-2;
|
||||
}
|
||||
|
||||
.theme-last-updated {
|
||||
@apply tw-font-normal tw-not-italic tw-text-label-small-plus;
|
||||
}
|
||||
|
||||
.theme-last-updated,
|
||||
.theme-last-updated b {
|
||||
@apply !tw-font-normal;
|
||||
}
|
||||
|
||||
.medium-zoom-overlay {
|
||||
@apply tw-z-[400];
|
||||
}
|
||||
|
||||
.medium-zoom-image--opened {
|
||||
@apply tw-z-[400];
|
||||
}
|
||||
|
||||
details > div {
|
||||
--docusaurus-details-decoration-color: transparent !important;
|
||||
}
|
||||
|
||||
.row--justify-end {
|
||||
@apply tw-justify-end;
|
||||
}
|
||||
|
||||
.docs-page-container {
|
||||
@apply !tw-px-0;
|
||||
}
|
||||
|
||||
.search-result-match {
|
||||
@apply tw-text-medusa-text-base dark:tw-text-medusa-text-base-dark;
|
||||
@apply tw-bg-medusa-bg-highlight dark:tw-bg-medusa-bg-highlight-dark tw-py-[4px] tw-px-0;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
@apply tw-z-[399] tw-p-0;
|
||||
}
|
||||
|
||||
html:not(.plugin-redoc) .navbar:not(.navbar-sidebar--show) {
|
||||
@apply supports-[backdrop-filter]:tw-bg-transparent supports-[backdrop-filter]:tw-backdrop-blur-md;
|
||||
}
|
||||
|
||||
.navbar__link {
|
||||
@apply tw-text-label-small-plus;
|
||||
}
|
||||
|
||||
.navbar__brand {
|
||||
@apply tw-mr-2;
|
||||
}
|
||||
|
||||
.navbar__logo {
|
||||
@apply tw-w-[83px] tw-h-[20px] tw-flex tw-justify-center tw-items-center !tw-mr-0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
@apply !tw-text-h1;
|
||||
}
|
||||
|
||||
h2 {
|
||||
@apply !tw-text-h2;
|
||||
}
|
||||
|
||||
h3 {
|
||||
@apply !tw-text-h3;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
@apply tw-text-medusa-text-base dark:tw-text-medusa-text-base-dark;
|
||||
}
|
||||
|
||||
.markdown > h1:first-child,
|
||||
.markdown > h2,
|
||||
.markdown > h3 {
|
||||
@apply tw-mb-0.5;
|
||||
}
|
||||
|
||||
.markdown > p {
|
||||
@apply tw-mb-0.5;
|
||||
}
|
||||
|
||||
.markdown > p img {
|
||||
@apply tw-mt-0.5;
|
||||
}
|
||||
|
||||
.markdown {
|
||||
@apply tw-mb-0;
|
||||
}
|
||||
@@ -1,48 +0,0 @@
|
||||
footer.footer {
|
||||
border-top: 1px solid var(--ifm-footer-border-color);
|
||||
padding-top: 108px;
|
||||
padding-bottom: calc(var(--ifm-base-margin-vertical) * 2);
|
||||
margin-top: var(--ifm-base-margin-vertical);
|
||||
}
|
||||
|
||||
.footer-container {
|
||||
display: flex;
|
||||
padding-left: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
.footer-container .col {
|
||||
padding-left: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
footer .social-links {
|
||||
--ifm-icon-color: var(--ifm-footer-social-icons-color);
|
||||
}
|
||||
|
||||
footer .social-link:hover {
|
||||
--ifm-icon-color: var(--ifm-footer-social-icons-color-hover);
|
||||
}
|
||||
|
||||
.social-links {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.social-link:not(:first-child) {
|
||||
margin-left: var(--ifm-base-spacing);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 991px) {
|
||||
.footer-container {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.footer-container .row--justify-end {
|
||||
justify-content: start;
|
||||
}
|
||||
|
||||
.logo-container {
|
||||
margin-bottom: var(--ifm-base-margin-vertical);
|
||||
}
|
||||
}
|
||||
@@ -1,227 +0,0 @@
|
||||
/** Light theme/default **/
|
||||
:root {
|
||||
/** Backgrounds **/
|
||||
--medusa-bg-subtle: #F8F9FA;
|
||||
--medusa-bg-subtle-hover: #F1F3F5;
|
||||
--medusa-bg-subtle-pressed: #ECEEF0;
|
||||
--medusa-bg-base: #FFFFFF;
|
||||
--medusa-bg-base-hover: #F8F9FA;
|
||||
--medusa-bg-base-pressed: #F1F3F5;
|
||||
--medusa-bg-component: #F1F3F5;
|
||||
--medusa-bg-field: #F8F9FA;
|
||||
--medusa-bg-field-hover: #F1F3F5;
|
||||
--medusa-bg-highlight: #EDE9FE;
|
||||
--medusa-bg-toggle-off: #C1C8CD;
|
||||
--medusa-bg-overlay: rgba(17, 24, 28, 0.4);
|
||||
--medusa-bg-interactive: #6E56CF;
|
||||
|
||||
/** Borders **/
|
||||
--medusa-border-base: #E6E8EB;
|
||||
--medusa-border-strong: #D7DBDF;
|
||||
--medusa-border-focus: #6E56CF;
|
||||
--medusa-border-focus-inset: #FFFFFF;
|
||||
--medusa-border-interactive: #6E56CF;
|
||||
|
||||
/** Text **/
|
||||
--medusa-text-base: #11181C;
|
||||
--medusa-text-subtle: #687076;
|
||||
--medusa-text-placeholder: #889096;
|
||||
--medusa-text-disabled: #C1C8CD;
|
||||
--medusa-text-on-color: #FFFFFF;
|
||||
--medusa-text-interactive: #6E56CF;
|
||||
--medusa-text-interactive-hover: #644FC1;
|
||||
--medusa-text-error: #E5484D;
|
||||
|
||||
/** Buttons **/
|
||||
--medusa-button-primary: #6E56CF;
|
||||
--medusa-button-primary-hover: #644FC1;
|
||||
--medusa-button-primary-pressed: #5746AF;
|
||||
--medusa-button-secondary: #FFFFFF;
|
||||
--medusa-button-secondary-hover: #F8F9FA;
|
||||
--medusa-button-secondary-pressed: #F1F3F5;
|
||||
--medusa-button-danger: #E5484D;
|
||||
--medusa-button-danger-hover: #DC3D43;
|
||||
--medusa-button-danger-pressed: #CD2B31;
|
||||
--medusa-button-danger-text: var(--medusa-text-on-color);
|
||||
--medusa-button-success: #30A46C;
|
||||
--medusa-button-success-text: var(--medusa-text-on-color);
|
||||
|
||||
/** Icons **/
|
||||
--medusa-icon-primary: #11181C;
|
||||
--medusa-icon-secondary: #687076;
|
||||
--medusa-icon-placeholder: #889096;
|
||||
--medusa-icon-disabled: #C1C8CD;
|
||||
--medusa-icon-on-color: #FFFFFF;
|
||||
--medusa-icon-interactive: #6E56CF;
|
||||
--medusa-icon-interactive-hover: #644FC1;
|
||||
--medusa-icon-error: #E5484D;
|
||||
|
||||
/** Support Info **/
|
||||
--medusa-support-error: #E5484D;
|
||||
--medusa-support-warning: #FFB224;
|
||||
--medusa-support-success: #30A46C;
|
||||
--medusa-support-info: #0091FF;
|
||||
|
||||
/** Code Block **/
|
||||
--medusa-code-block: #1C1C1F;
|
||||
--medusa-code-block-transparent: #1C1C1F00;
|
||||
--medusa-code-block-border: #2E2E32;
|
||||
--medusa-code-block-action: #706F78;
|
||||
|
||||
/** Code Tabs **/
|
||||
--medusa-code-tabs-bg: #161616;
|
||||
--medusa-code-tab: #1C1C1F;
|
||||
--medusa-code-tab-hover: rgba(141, 141, 141, 0.16);
|
||||
--medusa-code-tab-border: #3E3E44;
|
||||
--medusa-code-tab-text: #7E7D86;
|
||||
--medusa-code-tab-active-text: #EDEDEF;
|
||||
--medusa-code-tab-title: #7E7D86;
|
||||
|
||||
/** Tooltip **/
|
||||
--medusa-tooltip: var(--medusa-bg-base);
|
||||
--medusa-tooltip-border: var(--medusa-border-base);
|
||||
--medusa-tooltip-shadow: var(--medusa-shadow-overlay);
|
||||
--medusa-tooltip-text: var(--medusa-text-subtle);
|
||||
|
||||
/** Shadow **/
|
||||
--medusa-shadow-overlay: 0px 2px 16px rgba(0, 0, 0, 0.08);
|
||||
--medusa-shadow-field-focused: 0px 0px 0px 4px #EDE9FE;
|
||||
--medusa-shadow-button-focused: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #6E56CF;
|
||||
|
||||
/** Typography **/
|
||||
--medusa-body-regular-plus-size: 14px;
|
||||
--medusa-body-regular-plus-line-height: 24px;
|
||||
--medusa-body-regular-plus-font-weight: 500;
|
||||
--medusa-body-regular-size: 14px;
|
||||
--medusa-body-regular-line-height: 24px;
|
||||
--medusa-body-regular-font-weight: 400;
|
||||
--medusa-h1-size: 32px;
|
||||
--medusa-h1-line-height: 44px;
|
||||
--medusa-h1-weight: 500;
|
||||
--medusa-h2-size: 24px;
|
||||
--medusa-h2-line-height: 32px;
|
||||
--medusa-h2-weight: 500;
|
||||
--medusa-h3-size: 18px;
|
||||
--medusa-h3-line-height: 28px;
|
||||
--medusa-h3-weight: 500;
|
||||
--medusa-label-large-plus-size: 16px;
|
||||
--medusa-label-large-plus-line-height: 20px;
|
||||
--medusa-label-large-plus-font-weight: 500;
|
||||
--medusa-label-regular-plus-size: 14px;
|
||||
--medusa-label-regular-plus-line-height: 20px;
|
||||
--medusa-label-regular-plus-font-weight: 500;
|
||||
--medusa-label-regular-size: 14px;
|
||||
--medusa-label-regular-line-height: 20px;
|
||||
--medusa-label-regular-font-weight: 400;
|
||||
--medusa-label-small-plus-size: 13px;
|
||||
--medusa-label-small-plus-line-height: 20px;
|
||||
--medusa-label-small-plus-font-weight: 500;
|
||||
--medusa-label-small-size: 13px;
|
||||
--medusa-label-small-line-height: 20px;
|
||||
--medusa-label-small-font-weight: 400;
|
||||
--medusa-label-x-small-plus-size: 12px;
|
||||
--medusa-label-x-small-plus-line-height: 20px;
|
||||
--medusa-label-x-small-plus-font-weight: 500;
|
||||
|
||||
/** Tags **/
|
||||
--medusa-tag-purple-bg: #EDE9FE;
|
||||
--medusa-tag-purple-bg-hover: #E4DEFC;
|
||||
--medusa-tag-purple-text: #5746AF;
|
||||
--medusa-tag-purple-icon: #6E56CF;
|
||||
--medusa-tag-purple-border: #D7CFF9;
|
||||
--medusa-tag-orange-bg: #FFECBC;
|
||||
--medusa-tag-orange-bg-hover: #FFE3A2;
|
||||
--medusa-tag-orange-text: #AD5700;
|
||||
--medusa-tag-orange-icon: #FFB224;
|
||||
--medusa-tag-orange-border: #FFD386;
|
||||
--medusa-tag-green-bg: #DDF3E4;
|
||||
--medusa-tag-green-bg-hover: #CCEBD7;
|
||||
--medusa-tag-green-text: #18794E;
|
||||
--medusa-tag-green-icon: #30A46C;
|
||||
--medusa-tag-green-border: #B4DFC4;
|
||||
--medusa-tag-blue-bg: #E1F0FF;
|
||||
--medusa-tag-blue-bg-hover: #CEE7FE;
|
||||
--medusa-tag-blue-text: #006ADC;
|
||||
--medusa-tag-blue-icon: #0091FF;
|
||||
--medusa-tag-blue-border: #B7D9F8;
|
||||
}
|
||||
|
||||
/** Dark theme **/
|
||||
html[data-theme="dark"] {
|
||||
/** Backgrounds **/
|
||||
--medusa-bg-subtle: #161618;
|
||||
--medusa-bg-subtle-hover: #1C1C1F;
|
||||
--medusa-bg-subtle-pressed: #232326;
|
||||
--medusa-bg-base: #1C1C1F;
|
||||
--medusa-bg-base-hover: #232326;
|
||||
--medusa-bg-base-pressed: #28282C;
|
||||
--medusa-bg-component: #2E2E32;
|
||||
--medusa-bg-field: #232326;
|
||||
--medusa-bg-field-hover: #28282C;
|
||||
--medusa-bg-highlight: #2C2250;
|
||||
--medusa-bg-toggle-off: #3E3E44;
|
||||
--medusa-bg-overlay: rgba(22, 22, 24, 0.7);
|
||||
--medusa-bg-interactive: #6E56CF;
|
||||
|
||||
/** Borders **/
|
||||
--medusa-border-base: #2E2E32;
|
||||
--medusa-border-strong: #3E3E44;
|
||||
--medusa-border-focus: #6E56CF;
|
||||
--medusa-border-focus-inset: #1C1C1F;
|
||||
--medusa-border-interactive: #6E56CF;
|
||||
|
||||
/** Text **/
|
||||
--medusa-text-base: #EDEDEF;
|
||||
--medusa-text-subtle: #7E7D86;
|
||||
--medusa-text-placeholder: #706F78;
|
||||
--medusa-text-disabled: #504F57;
|
||||
--medusa-text-on-color: #FFFFFF;
|
||||
--medusa-text-interactive: #7C66DC;
|
||||
--medusa-text-interactive-hover: #9E8CFC;
|
||||
--medusa-text-error: #E5484D;
|
||||
|
||||
/** Buttons **/
|
||||
--medusa-button-primary: #6E56CF;
|
||||
--medusa-button-primary-hover: #7C66DC;
|
||||
--medusa-button-primary-pressed: #9E8CFC;
|
||||
--medusa-button-secondary: #232326;
|
||||
--medusa-button-secondary-hover: #2E2E32;
|
||||
--medusa-button-secondary-pressed: #2E2E32;
|
||||
|
||||
/** Icons **/
|
||||
--medusa-icon-primary: #EDEDEF;
|
||||
--medusa-icon-secondary: #7E7D86;
|
||||
--medusa-icon-placeholder: #706F78;
|
||||
--medusa-icon-disabled: #504F57;
|
||||
--medusa-icon-on-color: #FFFFFF;
|
||||
--medusa-icon-interactive: #7C66DC;
|
||||
--medusa-icon-interactive-hover: #9E8CFC;
|
||||
--medusa-icon-error: #E5484D;
|
||||
|
||||
/** Shadow **/
|
||||
--medusa-shadow-overlay: 0px 2px 16px rgba(0, 0, 0, 0.32);
|
||||
--medusa-shadow-field-focused: 0px 0px 0px 4px #2C2250;
|
||||
--medusa-shadow-button-focused: 0px 0px 0px 2px #1C1C1F, 0px 0px 0px 4px #6E56CF;
|
||||
|
||||
/** Tags **/
|
||||
--medusa-tag-purple-bg: #2C2250;
|
||||
--medusa-tag-purple-bg-hover: #32275F;
|
||||
--medusa-tag-purple-text: #9E8CFC;
|
||||
--medusa-tag-purple-icon: #6E56CF;
|
||||
--medusa-tag-purple-border: #392C72;
|
||||
--medusa-tag-orange-bg: #3F2200;
|
||||
--medusa-tag-orange-bg-hover: #4A2900;
|
||||
--medusa-tag-orange-text: #F1A10D;
|
||||
--medusa-tag-orange-icon: #FFB224;
|
||||
--medusa-tag-orange-border: #573300;
|
||||
--medusa-tag-green-bg: #113123;
|
||||
--medusa-tag-green-bg-hover: #133929;
|
||||
--medusa-tag-green-text: #4CC38A;
|
||||
--medusa-tag-green-icon: #30A46C;
|
||||
--medusa-tag-green-border: #164430;
|
||||
--medusa-tag-blue-bg: #102A4C;
|
||||
--medusa-tag-blue-bg-hover: #0F3058;
|
||||
--medusa-tag-blue-text: #52A9FF;
|
||||
--medusa-tag-blue-icon: #0091FF;
|
||||
--medusa-tag-blue-border: #0D3868;
|
||||
}
|
||||
@@ -1,88 +0,0 @@
|
||||
.navbar {
|
||||
z-index: calc(var(--ifm-z-index-overlay) - 1);
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
|
||||
html:not(.plugin-redoc) .navbar:not(.navbar-sidebar--show) {
|
||||
background: none;
|
||||
backdrop-filter: blur(12px);
|
||||
}
|
||||
}
|
||||
|
||||
.navbar__link {
|
||||
font-size: var(--medusa-label-small-plus-size);
|
||||
line-height: var(--medusa-label-small-plus-line-height);
|
||||
font-weight: var(--medusa-label-small-plus-font-weight);
|
||||
}
|
||||
|
||||
.navbar__inner {
|
||||
max-width: var(--ifm-max-content-width);
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding: var(--ifm-navbar-padding-vertical) var(--ifm-navbar-padding-horizontal);
|
||||
}
|
||||
|
||||
.navbar__brand {
|
||||
margin-right: calc(var(--ifm-base-spacing) * 2);
|
||||
}
|
||||
|
||||
.navbar__logo {
|
||||
height: var(--ifm-logo-height);
|
||||
width: var(--ifm-logo-width);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
[class*=colorModeToggle],
|
||||
.navbar-link-icon {
|
||||
background-color: var(--medusa-button-secondary);
|
||||
border: 1px solid var(--medusa-border-base);
|
||||
border-radius: var(--ifm-global-radius);
|
||||
width: 32px !important;
|
||||
height: 32px !important;
|
||||
}
|
||||
|
||||
[class*=toggleButton]:hover,
|
||||
.navbar-link-icon:hover {
|
||||
background-color: var(--medusa-button-secondary-hover) !important;
|
||||
}
|
||||
|
||||
[class*=toggleButton] {
|
||||
--ifm-icon-color: var(--ifm-color-mode-icon-color)
|
||||
}
|
||||
|
||||
.navbar-link-icon {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
[class*=colorModeToggle] {
|
||||
margin-left: var(--ifm-navbar-item-padding-horizontal);
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
[class*=toggleButton] {
|
||||
border-radius: var(--ifm-global-radius) !important;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 992px) {
|
||||
.navbar .divider {
|
||||
height: 20px;
|
||||
width: 1px;
|
||||
margin-left: var(--ifm-navbar-item-padding-horizontal);
|
||||
margin-right: var(--ifm-navbar-item-padding-horizontal);
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
background-color: var(--ifm-navbar-divider-color);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 991px) {
|
||||
.navbar-actions {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@@ -1,24 +0,0 @@
|
||||
.alert {
|
||||
padding: var(--ifm-base-spacing);
|
||||
border: 1px solid var(--ifm-note-border-color) !important;
|
||||
background-color: var(--ifm-note-background);
|
||||
border-radius: var(--ifm-global-radius);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.alert p > code {
|
||||
padding-left: calc(var(--ifm-base-spacing) / 2);
|
||||
padding-right: calc(var(--ifm-base-spacing) / 2);
|
||||
font-size: 14px !important;
|
||||
}
|
||||
|
||||
.alert a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
[class*=alert--] {
|
||||
--ifm-code-background: var(--medusa-bg-base) !important;
|
||||
--ifm-alert-background-color-highlight: var(--ifm-background-surface-color) !important;
|
||||
--ifm-link-color: var(--ifm-color-primary) !important;
|
||||
--ifm-link-hover-color: var(--ifm-color-content) !important;
|
||||
}
|
||||
@@ -1,133 +0,0 @@
|
||||
.redocusaurus .expanded + tr > td > div {
|
||||
background-color: var(--ifm-background-surface-color) !important;
|
||||
}
|
||||
|
||||
.redocusaurus table tbody tr table,
|
||||
.redocusaurus table tbody tr table tbody tr {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.redocusaurus a {
|
||||
color: var(--ifm-link-color) !important;
|
||||
}
|
||||
|
||||
.redocusaurus pre,
|
||||
.redocusaurus .react-tabs__tab-panel--selected,
|
||||
.redocusaurus [data-section-id] > div:nth-child(2) > div > button,
|
||||
.redocusaurus div[id^='tag'] > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) {
|
||||
background-color: var(--medusa-code-block) !important;
|
||||
}
|
||||
|
||||
[data-theme="dark"] .redocusaurus [data-section-id] > div:nth-child(2) > div > button,
|
||||
.redocusaurus div[id^='tag'] > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > div {
|
||||
border-color: var(--medusa-border-strong) !important;
|
||||
}
|
||||
|
||||
.redocusaurus [data-section-id] > div:nth-child(2) > div > button {
|
||||
border-radius: var(--ifm-global-radius) var(--ifm-global-radius) 0 0 !important;
|
||||
}
|
||||
|
||||
.redocusaurus [data-section-id] > div:nth-child(2) > div > button + div > div > div > div {
|
||||
color: var(--ifm-color-primary) !important;
|
||||
}
|
||||
|
||||
.redocusaurus [data-section-id] > div:nth-child(2) .react-tabs__tab pre {
|
||||
background-color: transparent !important;
|
||||
margin-top: calc(var(--ifm-base-margin-vertical) / 2);
|
||||
}
|
||||
|
||||
.redocusaurus h5 + svg {
|
||||
fill: var(--ifm-icon-color);
|
||||
}
|
||||
|
||||
.redocusaurus h2 + div + div > div + div {
|
||||
padding: 8px 9.6px;
|
||||
background-color: var(--ifm-background-surface-color);
|
||||
}
|
||||
|
||||
.redocusaurus h2 + div + div {
|
||||
border-bottom-color: var(--ifm-base-border-color);
|
||||
}
|
||||
|
||||
.redocusaurus .menu-content,
|
||||
.redocusaurus .menu-content label {
|
||||
background-color: var(--ifm-background-color) !important;
|
||||
}
|
||||
|
||||
.redoc-json code {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.redocusaurus p {
|
||||
color: var(--ifm-color-content);
|
||||
}
|
||||
|
||||
.redocusaurus h2, .redocusaurus h3, .redocusaurus h4 {
|
||||
color: var(--ifm-color-headers) !important;
|
||||
}
|
||||
|
||||
.redocusaurus [data-section-id] [data-section-id] > div:nth-child(2) h2, .redocusaurus [data-section-id] [data-section-id] > div:nth-child(2) h3, .redocusaurus [data-section-id] [data-section-id] > div:nth-child(2) h4 {
|
||||
--ifm-color-headers: var(--medusa-text-on-color);
|
||||
}
|
||||
|
||||
.redocusaurus [data-section-id]:after {
|
||||
border-color: transparent !important;
|
||||
}
|
||||
|
||||
.redocusaurus .property-name + div {
|
||||
color: var(--medusa-icon-error) !important;
|
||||
}
|
||||
|
||||
.redocusaurus .react-tabs__tab:not(.react-tabs__tab--selected) {
|
||||
background-color: var(--ifm-secondary-btn-background-color) !important;
|
||||
border-color: var(--ifm-secondary-btn-border-color) !important;
|
||||
color: var(--ifm-secondary-btn-color) !important;
|
||||
}
|
||||
|
||||
.redocusaurus ul > li.react-tabs__tab--selected[aria-selected="true"]:not(.tab-error):not(.tab-success) {
|
||||
background-color: var(--ifm-primary-btn-background-color) !important;
|
||||
border-color: var(--ifm-primary-btn-border-color) !important;
|
||||
color: var(--ifm-primary-btn-color) !important;
|
||||
}
|
||||
|
||||
.redocusaurus ul > li.react-tabs__tab--selected.tab-success {
|
||||
background-color: var(--medusa-button-success) !important;
|
||||
border-color: var(--medusa-button-success) !important;
|
||||
color: var(--medusa-button-success-text) !important;
|
||||
}
|
||||
|
||||
.redocusaurus ul > li.react-tabs__tab--selected.tab-error {
|
||||
background-color: var(--medusa-button-danger) !important;
|
||||
border-color: var(--medusa-button-danger) !important;
|
||||
color: var(--medusa-button-danger-text) !important;
|
||||
}
|
||||
|
||||
.redocusaurus ul > li.react-tabs__tab--selected.tab-error:hover {
|
||||
background-color: var(--medusa-button-danger-hover) !important;
|
||||
border-color: var(--medusa-button-danger-hover) !important;
|
||||
}
|
||||
|
||||
.redocusaurus .tab-error:not(.react-tabs__tab--selected) {
|
||||
background-color: var(--ifm-secondary-btn-background-color) !important;
|
||||
border-color: var(--ifm-secondary-btn-border-color) !important;
|
||||
color: var(--medusa-support-error) !important;
|
||||
}
|
||||
|
||||
.redocusaurus .tab-success:not(.react-tabs__tab--selected) {
|
||||
background-color: var(--ifm-secondary-btn-background-color) !important;
|
||||
border-color: var(--ifm-secondary-btn-border-color) !important;
|
||||
color: var(--medusa-support-success) !important;
|
||||
}
|
||||
|
||||
.redocusaurus [type=get] {
|
||||
background-color: var(--medusa-support-success) !important;
|
||||
}
|
||||
|
||||
.redocusaurus [type=delete] {
|
||||
background-color: var(--medusa-support-error) !important;
|
||||
}
|
||||
|
||||
.redocusaurus table th,
|
||||
.redocusaurus table td {
|
||||
border-color: var(--ifm-base-border-color) !important;
|
||||
}
|
||||
@@ -1,361 +0,0 @@
|
||||
/** General sidebar styles **/
|
||||
.theme-doc-sidebar-container {
|
||||
z-index: calc(var(--ifm-z-index-overlay) - 2);
|
||||
border-right: 1px solid var(--ifm-toc-border-color);
|
||||
}
|
||||
|
||||
.main-sidebar {
|
||||
margin-top: 0 !important;
|
||||
padding-top: 0 !important;
|
||||
padding-left: var(--doc-sidebar-padding) !important;
|
||||
padding-right: var(--doc-sidebar-padding) !important;
|
||||
padding-bottom: calc(var(--ifm-base-margin-vertical) * 2) !important;
|
||||
}
|
||||
|
||||
.theme-doc-sidebar-item-category-level-1 > .menu__list {
|
||||
margin-bottom: calc(var(--ifm-base-spacing) / 4);
|
||||
}
|
||||
|
||||
.menu__list:not(.theme-doc-sidebar-menu),
|
||||
.theme-doc-sidebar-item-category-level-1 > .menu__list {
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
|
||||
.menu__list-item:not(:first-child):not(.sidebar-title) {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) [class*=theme-doc-sidebar-item-],
|
||||
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) [class*=theme-doc-sidebar-item-] .menu__link--active {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) [class*=theme-doc-sidebar-item-]:not(.theme-doc-sidebar-item-link-category)::before,
|
||||
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) .theme-doc-sidebar-item-category .menu__list-item-collapsible .menu__link--active::before,
|
||||
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) > .theme-doc-sidebar-item-link > .menu__link--active::before,
|
||||
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) .theme-doc-sidebar-item-category > .menu__list-item-collapsible::before {
|
||||
content: '';
|
||||
height: 100%;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
left: 8px;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) [class*=theme-doc-sidebar-item-] .menu__link--active::before {
|
||||
height: 20px !important;
|
||||
}
|
||||
|
||||
.theme-doc-sidebar-item-category-level-1 > .menu__list > .menu__list-item:first-child::before,
|
||||
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) .theme-doc-sidebar-item-category:first-child .menu__list-item-collapsible::before,
|
||||
.theme-doc-sidebar-item-category-level-1 > .menu__list > .menu__list-item:last-child::before {
|
||||
height: calc(var(--ifm-base-margin-vertical) - 4px) !important;
|
||||
}
|
||||
|
||||
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) .theme-doc-sidebar-item-link:first-child::before,
|
||||
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) .theme-doc-sidebar-item-category:first-child .menu__list-item-collapsible::before {
|
||||
bottom: 0 !important;
|
||||
top: unset !important;
|
||||
}
|
||||
|
||||
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) .theme-doc-sidebar-item-category:first-child .menu__list-item-collapsible {
|
||||
padding-bottom: var(--ifm-menu-link-padding-vertical) !important;
|
||||
}
|
||||
|
||||
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) .theme-doc-sidebar-item-category:first-child .menu__list-item-collapsible .menu__link {
|
||||
padding-bottom: 0 !important;
|
||||
}
|
||||
|
||||
|
||||
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) [class*=theme-doc-sidebar-item-]::before,
|
||||
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) .theme-doc-sidebar-item-category:first-child .menu__list-item-collapsible::before {
|
||||
background-color: var(--medusa-border-base);
|
||||
}
|
||||
|
||||
.theme-doc-sidebar-item-category-level-2 > .menu__list-item-collapsible .menu__link--active::before,
|
||||
.menu__list:not(.theme-doc-sidebar-menu) > .theme-doc-sidebar-item-link.theme-doc-sidebar-item-link-level-2 > .menu__link--active::before {
|
||||
background-color: var(--medusa-icon-interactive);
|
||||
z-index: 2 !important;
|
||||
top: var(--ifm-menu-link-padding-vertical) !important;
|
||||
}
|
||||
|
||||
.theme-doc-sidebar-item-category-level-2:only-child > .menu__list-item-collapsible .menu__link--active::before,
|
||||
.menu__list:not(.theme-doc-sidebar-menu) > .theme-doc-sidebar-item-link.theme-doc-sidebar-item-link-level-2:only-child > .menu__link--active::before,
|
||||
.menu__list:not(.theme-doc-sidebar-menu) > .theme-doc-sidebar-item-link.theme-doc-sidebar-item-link-level-2:first-child > .menu__link--active::before {
|
||||
top: calc(var(--ifm-menu-link-padding-vertical) + 2px) !important;
|
||||
}
|
||||
|
||||
.menu__list:not(.theme-doc-sidebar-menu) > .theme-doc-sidebar-item-link:last-child > .menu__link--active::before {
|
||||
top: calc(var(--ifm-menu-link-padding-vertical) - 2px) !important;
|
||||
}
|
||||
|
||||
.menu__list-item-collapsible .menu__caret {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.menu__link--sublist-caret:after {
|
||||
content: none;
|
||||
}
|
||||
|
||||
.sidebar-desktop nav {
|
||||
--ifm-scrollbar-track-background-color: transparent !important;
|
||||
--ifm-scrollbar-thumb-background-color: transparent !important;
|
||||
--ifm-scrollbar-thumb-hover-background-color: transparent !important;
|
||||
}
|
||||
|
||||
.theme-doc-sidebar-item-link-level-1:not(.sidebar-title):not(.homepage-sidebar-item):not(.sidebar-back-link) {
|
||||
margin-bottom: calc(var(--ifm-base-margin-vertical) / 2);
|
||||
}
|
||||
|
||||
.theme-doc-sidebar-item-link-level-1:not(.sidebar-title):not(.homepage-sidebar-item):not(.sidebar-back-link) .menu__link {
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
|
||||
.menu__list .menu__list {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
/* .sidebar-desktop::before {
|
||||
content: '';
|
||||
width: 100%;
|
||||
height: calc(var(--ifm-base-spacing) * 1.5);
|
||||
display: block;
|
||||
background-color: var(--ifm-background-color);
|
||||
} */
|
||||
|
||||
/** Mobile Sidebar **/
|
||||
.navbar-sidebar__back {
|
||||
background: transparent;
|
||||
width: fit-content;
|
||||
top: unset;
|
||||
padding-left: 0;
|
||||
margin-left: 0;
|
||||
margin-bottom: calc(var(--ifm-base-margin-vertical) / 2);
|
||||
font-size: var(--medusa-label-small-plus-size);
|
||||
line-height: var(--medusa-label-small-plus-line-height);
|
||||
font-weight: var(--medusa-label-small-plus-font-weight);
|
||||
}
|
||||
|
||||
/** Homepage Sidebar Design **/
|
||||
.homepage-sidebar-item:is([class*="level-1"]):is([class*="theme-doc-sidebar-item"]) > .menu__link,
|
||||
.homepage-sidebar-item:is([class*="level-1"]):is([class*="theme-doc-sidebar-item"]) > .menu__list-item-collapsible > .menu__link {
|
||||
padding-left: calc(var(--ifm-base-spacing) / 2) !important;
|
||||
}
|
||||
|
||||
/** General Sidebar items styles **/
|
||||
.menu__list-item-collapsible {
|
||||
border-radius: var(--ifm-global-radius) !important;
|
||||
}
|
||||
|
||||
.menu__link {
|
||||
cursor: pointer;
|
||||
border-radius: var(--ifm-global-radius) !important;
|
||||
font-size: var(--medusa-label-small-plus-size);
|
||||
line-height: var(--medusa-label-small-plus-line-height);
|
||||
font-weight: var(--medusa-label-small-plus-font-weight);
|
||||
}
|
||||
|
||||
.theme-doc-sidebar-item-link {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.menu__list-item-collapsible--active {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
[class*="level-2"]:is([class*="theme-doc-sidebar-item"]) .menu__link,
|
||||
[class*="level-2"]:is([class*="theme-doc-sidebar-item"]).sidebar-group-divider,
|
||||
[class*="level-3"]:is([class*="theme-doc-sidebar-item"]) .menu__link,
|
||||
[class*="level-3"]:is([class*="theme-doc-sidebar-item"]).sidebar-group-divider,
|
||||
[class*="level-4"]:is([class*="theme-doc-sidebar-item"]) .menu__link,
|
||||
[class*="level-4"]:is([class*="theme-doc-sidebar-item"]).sidebar-group-divider {
|
||||
padding-top: var(--ifm-menu-link-padding-vertical);
|
||||
padding-bottom: var(--ifm-menu-link-padding-vertical);
|
||||
}
|
||||
|
||||
[class*="level-2"]:is([class*="theme-doc-sidebar-item"]) .menu__link,
|
||||
[class*="level-2"]:is([class*="theme-doc-sidebar-item"]).sidebar-group-divider {
|
||||
padding-left: calc(var(--ifm-menu-link-padding-horizontal) * 2);
|
||||
}
|
||||
|
||||
[class*="level-3"]:is([class*="theme-doc-sidebar-item"]) .menu__link,
|
||||
[class*="level-3"]:is([class*="theme-doc-sidebar-item"]).sidebar-group-divider {
|
||||
padding-left: calc(var(--ifm-menu-link-padding-horizontal) * 3);
|
||||
}
|
||||
|
||||
[class*="level-4"]:is([class*="theme-doc-sidebar-item"]) .menu__link,
|
||||
[class*="level-4"]:is([class*="theme-doc-sidebar-item"]).sidebar-group-divider {
|
||||
padding-left: calc(var(--ifm-menu-link-padding-horizontal) * 4);
|
||||
}
|
||||
|
||||
/** Sidebar title **/
|
||||
.sidebar-title {
|
||||
margin: 0 !important;
|
||||
padding: calc(var(--ifm-base-margin-vertical) / 2) 0 !important;
|
||||
}
|
||||
|
||||
.sidebar-title .menu__link,
|
||||
.sidebar-title span {
|
||||
--ifm-menu-link-padding-horizontal: 0;
|
||||
font-size: var(--medusa-label-regular-plus-size) !important;
|
||||
line-height: var(--medusa-label-regular-plus-line-height) !important;
|
||||
font-weight: var(--medusa-label-regular-plus-font-weight) !important;
|
||||
color: var(--medusa-text-base);
|
||||
}
|
||||
|
||||
.sidebar-title .menu__link--active,
|
||||
.sidebar-title .menu__link:hover {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
/** Group Headline **/
|
||||
.sidebar-group-headline {
|
||||
margin-top: calc(var(--ifm-base-margin-vertical) / 2);
|
||||
padding: 6px 0;
|
||||
}
|
||||
|
||||
.theme-doc-sidebar-item-category-level-1.sidebar-group-headline {
|
||||
margin-bottom: calc(var(--ifm-base-margin-vertical) / 2);
|
||||
}
|
||||
|
||||
.sidebar-group-headline:not(.theme-doc-sidebar-item-category-level-1) {
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.sidebar-group-headline > .menu__list-item-collapsible > .menu__link {
|
||||
color: var(--medusa-text-base);
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.sidebar-group-headline > .menu__list-item-collapsible > .menu__link:not([href]) {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.sidebar-group-headline > .menu__list-item-collapsible > .menu__link:hover,
|
||||
.sidebar-group-headline .menu__list-item-collapsible:hover {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.sidebar-group-headline > .menu__link,
|
||||
.sidebar-group-headline > .menu__list-item-collapsible > .menu__link {
|
||||
--medusa-label-small-plus-font-weight: 600;
|
||||
}
|
||||
|
||||
/** Divider Line Item **/
|
||||
.sidebar-divider-line {
|
||||
height: 1px;
|
||||
width: 100%;
|
||||
background-color: var(--medusa-border-base);
|
||||
margin: calc(var(--ifm-base-margin-vertical) / 2) 0;
|
||||
}
|
||||
|
||||
/** Sidebar Group Divider **/
|
||||
.sidebar-group-divider {
|
||||
padding-bottom: 6px;
|
||||
text-transform: uppercase;
|
||||
color: var(--medusa-text-placeholder);
|
||||
font-size: var(--medusa-label-x-small-plus-size);
|
||||
line-height: var(--medusa-label-x-small-plus-line-height);
|
||||
font-weight: var(--medusa-label-x-small-plus-font-weight);
|
||||
}
|
||||
|
||||
.sidebar-group-divider:first-child {
|
||||
padding-top: 6px !important;
|
||||
}
|
||||
|
||||
.sidebar-group-divider:not(:first-child) {
|
||||
padding-top: calc(var(--ifm-base-margin-vertical) / 2) !important;
|
||||
}
|
||||
|
||||
/** Sidebar Item Icon **/
|
||||
|
||||
[class*="theme-doc-sidebar-item-"]:not(.sidebar-title) .sidebar-item-icon {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
[class*="theme-doc-sidebar-item-"]:not(.sidebar-title):not(.sidebar-back-link) .sidebar-item-icon {
|
||||
margin-right: calc(var(--ifm-base-margin-vertical) / 2);
|
||||
}
|
||||
|
||||
/** Back Link **/
|
||||
.sidebar-back-link {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.sidebar-back-link .menu__link {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.sidebar-back-link .menu__link,
|
||||
.sidebar-back-link span {
|
||||
font-size: var(--medusa-label-small-plus-size);
|
||||
line-height: var(--medusa-label-small-plus-line-height);
|
||||
font-weight: var(--medusa-label-small-plus-font-weight);
|
||||
}
|
||||
|
||||
.sidebar-back-link .menu__link:hover {
|
||||
background-color: transparent !important;
|
||||
color: var(--ifm-menu-color-active);
|
||||
}
|
||||
|
||||
.sidebar-back-link .sidebar-item-icon {
|
||||
margin-right: calc(var(--ifm-base-margin-vertical) / 4);
|
||||
}
|
||||
|
||||
.menu__list-item-collapsible .menu__link--sublist:hover {
|
||||
background-color: var(--ifm-menu-color-background-hover) !important;
|
||||
}
|
||||
|
||||
/** Sidebar Soon Link **/
|
||||
.sidebar-soon-link {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.sidebar-soon-link * {
|
||||
--ifm-icon-color: var(--medusa-icon-disabled);
|
||||
|
||||
color: var(--medusa-text-disabled);
|
||||
}
|
||||
|
||||
/** Sidebar Badge **/
|
||||
.sidebar-badge-wrapper {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/** Redocly sidebar **/
|
||||
|
||||
.redocusaurus .menu-content > div > ul > li > ul label:not([type=tag]):not(.active) {
|
||||
color: var(--ifm-menu-color);
|
||||
}
|
||||
|
||||
.redocusaurus .menu-content > div > ul > li > ul label:not([type=tag]).active,
|
||||
.redocusaurus .menu-content > div > ul > li > ul label:not([type=tag]):not(.active):hover {
|
||||
color: var(--ifm-menu-color-active);
|
||||
}
|
||||
|
||||
/** Media Query **/
|
||||
@media screen and (min-width: 992px) {
|
||||
.sidebar-title,
|
||||
.sidebar-back-link {
|
||||
position: sticky;
|
||||
background-color: var(--ifm-background-color);
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.sidebar-title:first-child {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.sidebar-title:not(:first-child) {
|
||||
top: var(--medusa-label-small-plus-line-height);
|
||||
}
|
||||
|
||||
.sidebar-back-link {
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
@@ -1,108 +0,0 @@
|
||||
.theme-doc-toc-desktop {
|
||||
padding-top: calc(var(--ifm-base-margin-vertical) * 1.5);
|
||||
}
|
||||
|
||||
.theme-doc-toc-desktop .table-of-contents {
|
||||
border-left: none !important;
|
||||
padding: 0;
|
||||
font-size: 12px;
|
||||
position: relative;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
|
||||
html:not([data-theme="dark"]) .theme-doc-toc-desktop .table-of-contents::before {
|
||||
background-image: url('/img/side-menu-light.svg');
|
||||
}
|
||||
|
||||
[data-theme="dark"] .theme-doc-toc-desktop .table-of-contents::before {
|
||||
background-image: url('/img/side-menu.svg');
|
||||
}
|
||||
|
||||
.theme-doc-toc-desktop .table-of-contents::before {
|
||||
background-repeat: no-repeat;
|
||||
background-size: 14px 10px;
|
||||
background-position-y: center;
|
||||
padding-left: 22px;
|
||||
content: 'On this page';
|
||||
padding-bottom: 0;
|
||||
font-size: var(--medusa-label-small-plus-size);
|
||||
line-height: var(--medusa-label-small-plus-line-height);
|
||||
font-weight: var(--medusa-label-small-plus-font-weight);
|
||||
}
|
||||
|
||||
.theme-doc-toc-desktop .table-of-contents .table-of-contents__link {
|
||||
padding-left: var(--ifm-toc-link-padding-left);
|
||||
}
|
||||
|
||||
.theme-doc-toc-desktop .table-of-contents > li:first-child {
|
||||
margin-top: calc(var(--ifm-base-margin-vertical) / 2);
|
||||
}
|
||||
|
||||
.theme-doc-toc-desktop .table-of-contents::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 40px;
|
||||
height: 100%;
|
||||
width: 1px;
|
||||
background-color: var(--ifm-toc-divider-color);
|
||||
}
|
||||
|
||||
.theme-doc-toc-desktop .table-of-contents li a + ul {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.theme-doc-toc-desktop .table-of-contents__link {
|
||||
position: relative;
|
||||
font-size: var(--medusa-label-x-small-plus-size);
|
||||
line-height: var(--medusa-label-x-small-plus-line-height);
|
||||
font-weight: var(--medusa-label-x-small-plus-font-weight);
|
||||
}
|
||||
|
||||
.theme-doc-toc-desktop .table-of-contents__link:hover,
|
||||
.theme-doc-toc-desktop .table-of-contents__link:hover code,
|
||||
.theme-doc-toc-desktop .table-of-contents__link--active,
|
||||
.theme-doc-toc-desktop .table-of-contents__link--active code {
|
||||
color: var(--ifm-toc-link-active);
|
||||
}
|
||||
|
||||
.theme-doc-toc-desktop .table-of-contents__link--active::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
width: 1px;
|
||||
background-color: var(--ifm-toc-link-active);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.theme-doc-toc-desktop .table-of-contents li {
|
||||
margin-left: 0px;
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
.theme-doc-toc-desktop .table-of-contents > li:not(:first-child),
|
||||
.theme-doc-toc-desktop .table-of-contents ul li {
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.theme-doc-toc-desktop .table-of-contents li:not(:last-child) {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.theme-doc-toc-desktop .table-of-contents li:last-child {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.theme-doc-toc-desktop .table-of-contents, .table-of-contents ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.table-of-contents ul .table-of-contents__link {
|
||||
padding-left: calc(var(--ifm-toc-padding-horizontal) + var(--ifm-toc-link-padding-left)) !important;
|
||||
}
|
||||
|
||||
.col.toc-wrapper {
|
||||
--ifm-col-width: var(--ifm-toc-width);
|
||||
}
|
||||
@@ -1,19 +0,0 @@
|
||||
.react-tooltip {
|
||||
border: 1px solid var(--ifm-tooltip-border-color) !important;
|
||||
border-radius: var(--ifm-global-radius) !important;
|
||||
font-size: var(--medusa-label-x-small-plus-size) !important;
|
||||
line-height: var(--medusa-label-x-small-plus-line-height) !important;
|
||||
font-weight: var(--medusa-label-x-small-plus-font-weight) !important;
|
||||
box-shadow: var(--ifm-tooltip-box-shadow-color) !important;
|
||||
padding: calc(var(--ifm-base-margin-vertical) / 4 - 1px) var(--ifm-base-spacing) !important;
|
||||
}
|
||||
|
||||
.react-tooltip-arrow {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 875px) {
|
||||
.react-tooltip {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@@ -1,96 +0,0 @@
|
||||
h1 {
|
||||
font-size: var(--ifm-h1-font-size);
|
||||
font-weight: var(--ifm-h1-weight);
|
||||
line-height: var(--ifm-h1-line-height);
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: var(--ifm-h2-font-size);
|
||||
font-weight: var(--ifm-h2-weight);
|
||||
line-height: var(--ifm-h2-line-height);
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: var(--ifm-h3-font-size);
|
||||
font-weight: var(--ifm-h3-weight);
|
||||
line-height: var(--ifm-h3-line-height);
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: var(--ifm-color-headers);
|
||||
}
|
||||
|
||||
.markdown > h1,
|
||||
.markdown > h1:first-child {
|
||||
--ifm-h1-font-size: var(--medusa-h1-size);
|
||||
--ifm-h1-line-height: var(--medusa-h1-line-height);
|
||||
--ifm-h1-weight: var(--medusa-h1-weight);
|
||||
}
|
||||
|
||||
.markdown > h1:first-child,
|
||||
.markdown > h2,
|
||||
.markdown > h3 {
|
||||
margin-bottom: calc(var(--ifm-base-margin-vertical) / 4);
|
||||
}
|
||||
|
||||
.markdown > h2 {
|
||||
--ifm-h2-font-size: var(--medusa-h2-size);
|
||||
--ifm-h2-line-height: var(--medusa-h2-line-height);
|
||||
--ifm-h2-weight: var(--medusa-h2-weight);
|
||||
}
|
||||
|
||||
.markdown > h3 {
|
||||
--ifm-h3-font-size: var(--medusa-h3-size);
|
||||
--ifm-h3-line-height: var(--medusa-h3-line-height);
|
||||
--ifm-h3-weight: var(--medusa-h3-weight);
|
||||
}
|
||||
|
||||
p {
|
||||
font-weight: var(--ifm-font-weight-base);
|
||||
}
|
||||
|
||||
.markdown > p {
|
||||
margin-bottom: calc(var(--ifm-base-margin-vertical) / 4);
|
||||
}
|
||||
|
||||
.markdown > p img {
|
||||
margin-top: calc(var(--ifm-base-margin-vertical) / 4);;
|
||||
}
|
||||
|
||||
.markdown a:not(.hash-link),
|
||||
.DocSearch-Prefill {
|
||||
font-weight: var(--ifm-link-weight);
|
||||
}
|
||||
|
||||
.markdown p + img,
|
||||
.markdown .alert,
|
||||
.markdown .code-wrapper {
|
||||
margin-bottom: var(--ifm-base-margin-vertical);
|
||||
}
|
||||
|
||||
.markdown h2,
|
||||
.markdown h3,
|
||||
.markdown p + .code-wrapper,
|
||||
.markdown p + .tabs-wrapper,
|
||||
.markdown p + .alert,
|
||||
.markdown p + section,
|
||||
video {
|
||||
margin-top: var(--ifm-base-margin-vertical);
|
||||
}
|
||||
|
||||
.markdown p + .card-wrapper {
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
||||
.markdown {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
h1 + .cards-grid,
|
||||
h1 + .card-wrapper,
|
||||
h2 + .cards-grid,
|
||||
h2 + .card-wrapper,
|
||||
h3 + .cards-grid,
|
||||
h3 + .card-wrapper {
|
||||
margin-top: calc(var(--ifm-hr-margin-vertical) - 8px);
|
||||
}
|
||||
@@ -4,268 +4,170 @@
|
||||
|
||||
:root {
|
||||
/* Base Styles */
|
||||
--ifm-global-radius: 8px;
|
||||
--ifm-hr-background-color: var(--medusa-border-base);
|
||||
--ifm-base-spacing: 16px;
|
||||
--ifm-global-spacing: var(--ifm-base-spacing);
|
||||
--ifm-base-margin-vertical: 32px;
|
||||
--ifm-hr-margin-vertical: var(--ifm-base-margin-vertical);
|
||||
--ifm-leading: 24px;
|
||||
--ifm-logo-width: 83px;
|
||||
--ifm-logo-height: 20px;
|
||||
--ifm-hr-margin-vertical: theme(margin.2);
|
||||
--ifm-leading: theme(lineHeight.DEFAULT);
|
||||
--ifm-list-left-padding: theme(spacing.1);
|
||||
|
||||
/* Colors */
|
||||
--ifm-color-primary: var(--medusa-text-base);
|
||||
--ifm-background-color: var(--medusa-bg-base);
|
||||
--ifm-background-surface-color: var(--medusa-bg-subtle);
|
||||
--ifm-color-content: var(--medusa-text-subtle) !important;
|
||||
--ifm-color-content-secondary: var(--ifm-color-content) !important;
|
||||
--ifm-primary-gradient: linear-gradient(90deg, rgba(146, 144, 254, 0) 0%, rgba(163, 219, 254, 0.4) 26.04%,
|
||||
#9290FE 53.65%, rgba(197, 145, 255, 0.4) 78.65%, rgba(201, 138, 255, 0) 100%);
|
||||
--ifm-base-border-color: var(--medusa-border-base);
|
||||
--ifm-strong-border-color: var(--medusa-border-strong);
|
||||
--ifm-focus-border-color: var(--medusa-border-focus);
|
||||
--ifm-icon-color: var(--medusa-icon-secondary);
|
||||
--ifm-color-primary: theme(colors.medusa.text.base.DEFAULT);
|
||||
--ifm-background-color: theme(colors.medusa.bg.base.DEFAULT);
|
||||
--ifm-background-surface-color: theme(colors.medusa.bg.subtle.DEFAULT);
|
||||
--ifm-color-content: theme(colors.medusa.text.subtle.DEFAULT) !important;
|
||||
--ifm-color-content-secondary: var(--ifm-color-content);
|
||||
--ifm-base-border-color: theme(colors.medusa.border.base.DEFAULT);
|
||||
--ifm-strong-border-color: theme(colors.medusa.border.strong.DEFAULT);
|
||||
--ifm-hr-background-color: theme(colors.medusa.border.base.DEFAULT);
|
||||
|
||||
/* Fonts */
|
||||
--ifm-code-font-size: var(--medusa-body-regular-size);
|
||||
--ifm-font-family-base: "Inter",BlinkMacSystemFont,-apple-system,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue","Helvetica","Arial",sans-serif;
|
||||
--ifm-font-family-monospace: 'Roboto Mono',SFMono-Regular, Menlo, Monaco, Consolas,'Liberation Mono', 'Courier New', monospace;
|
||||
--ifm-font-size-base: var(--medusa-body-regular-size);
|
||||
--ifm-line-height-base: var(--medusa-body-regular-line-height);
|
||||
--ifm-font-weight-base: var(--medusa-body-regular-font-weight);
|
||||
--ifm-code-font-size: theme(fontSize.body-regular[0]);
|
||||
--ifm-font-family-base: theme(fontFamily.base);
|
||||
--ifm-font-family-monospace: theme(fontFamily.monospace);
|
||||
--ifm-font-size-base: theme(fontSize.body-regular[0]);
|
||||
--ifm-line-height-base: theme(fontSize.body-regular[1].lineHeight);
|
||||
--ifm-font-weight-base: theme(fontSize.body-regular[1].fontWeight);
|
||||
|
||||
/* Headings */
|
||||
/** Due to how docusaurus styles headings, the variables are set again in _typography.css **/
|
||||
/** Due to how docusaurus styles headings, the styles are applied on h1, h2, and h3 again in _docusaurus **/
|
||||
--ifm-color-headers: var(--ifm-color-primary);
|
||||
--ifm-h1-font-size: var(--medusa-h1-size);
|
||||
--ifm-h1-line-height: var(--medusa-h1-line-height);
|
||||
--ifm-h1-weight: var(--medusa-h1-weight);
|
||||
--ifm-h2-font-size: var(--medusa-h2-size);
|
||||
--ifm-h2-line-height: var(--medusa-h2-line-height);
|
||||
--ifm-h2-weight: var(--medusa-h2-weight);
|
||||
--ifm-h3-font-size: var(--medusa-h3-size);
|
||||
--ifm-h3-line-height: var(--medusa-h3-line-height);
|
||||
--ifm-h3-weight: var(--medusa-h3-weight);
|
||||
--ifm-h1-font-size: theme(fontSize.h1[0]);
|
||||
--ifm-h1-line-height: theme(fontSize.h1[1].lineHeight);
|
||||
--ifm-h1-weight: theme(fontSize.h1[1].fontWeight);
|
||||
--ifm-h2-font-size: theme(fontSize.h2[0]);
|
||||
--ifm-h2-line-height: theme(fontSize.h2[1].lineHeight);
|
||||
--ifm-h2-weight: theme(fontSize.h2[1].fontWeight);
|
||||
--ifm-h3-font-size: theme(fontSize.h3[0]);
|
||||
--ifm-h3-line-height: theme(fontSize.h3[1].lineHeight);
|
||||
--ifm-h3-weight: theme(fontSize.h3[1].fontWeight);
|
||||
--ifm-h4-font-size: var(--ifm-font-size-base);
|
||||
|
||||
/* Links */
|
||||
--ifm-link-color: var(--ifm-color-primary);
|
||||
--ifm-link-weight: var(--medusa-body-regular-plus-font-weight);
|
||||
--ifm-link-hover-color: var(--ifm-color-content);
|
||||
--ifm-link-decoration: none;
|
||||
--ifm-link-hover-decoration: none;
|
||||
|
||||
/* Sidebar */
|
||||
--doc-sidebar-width: 320px !important;
|
||||
--doc-sidebar-padding: 24px;
|
||||
--ifm-menu-link-padding-vertical: 6px;
|
||||
--ifm-menu-link-padding-horizontal: 16px;
|
||||
--ifm-menu-color: var(--medusa-text-subtle);
|
||||
--ifm-menu-color-active: var(--medusa-text-base);
|
||||
--ifm-menu-color-background-hover: var(--medusa-bg-base-hover);
|
||||
--ifm-menu-color-background-active: var(--medusa-bg-base-pressed);
|
||||
|
||||
/* Docs Page */
|
||||
--ifm-docs-page-max-width: var(--ifm-container-width-xl);
|
||||
--ifm-max-content-width: 1419px;
|
||||
--ifm-menu-link-padding-horizontal: theme(margin.1);
|
||||
--ifm-menu-color: theme(colors.medusa.text.subtle.DEFAULT);
|
||||
--ifm-menu-color-active: theme(colors.medusa.text.base.DEFAULT);
|
||||
--ifm-menu-color-background-hover: theme(colors.medusa.bg.base.hover.DEFAULT);
|
||||
--ifm-menu-color-background-active: theme(colors.medusa.bg.base.pressed.DEFAULT);
|
||||
|
||||
/* Toc */
|
||||
--ifm-toc-border-color: var(--medusa-border-base);
|
||||
--ifm-toc-link-color: var(--medusa-text-subtle);
|
||||
--ifm-toc-padding-horizontal: 16px;
|
||||
--ifm-toc-link-active: var(--medusa-text-base);
|
||||
--ifm-toc-divider-color: var(--medusa-border-base);
|
||||
--ifm-toc-link-padding-left: 11px;
|
||||
--ifm-toc-border-color: theme(colors.medusa.border.base.DEFAULT);
|
||||
--ifm-toc-link-color: theme(colors.medusa.text.subtle.DEFAULT);
|
||||
--ifm-toc-padding-horizontal: theme(padding.1);
|
||||
|
||||
/* Navbar */
|
||||
--ifm-navbar-background-color: var(--ifm-background-color);
|
||||
--ifm-navbar-shadow: 0px 1px 0px 0px var(--medusa-border-base);
|
||||
--ifm-navbar-shadow: theme(boxShadow.navbar);
|
||||
--ifm-navbar-padding-vertical: 12px;
|
||||
--ifm-navbar-padding-horizontal: 24px;
|
||||
--ifm-navbar-padding-horizontal: theme(padding[1.5]);
|
||||
--ifm-navbar-item-padding-vertical: 6px;
|
||||
--ifm-navbar-item-padding-horizontal: 16px;
|
||||
--ifm-navbar-height: 57px;
|
||||
--ifm-navbar-link-hover-color: var(--medusa-text-base);
|
||||
--ifm-navbar-link-color: var(--medusa-text-subtle);
|
||||
--ifm-navbar-divider-color: var(--medusa-border-strong);
|
||||
|
||||
/* Color Mode toggler */
|
||||
--ifm-color-mode-icon-color: var(--medusa-icon-secondary);
|
||||
|
||||
/* Screen Width */
|
||||
--ifm-container-width-xl: 960px;
|
||||
|
||||
/* Notes */
|
||||
--ifm-note-background: var(--ifm-background-surface-color);
|
||||
--ifm-note-border-color: var(--medusa-border-base);
|
||||
--ifm-note-text-color: var(--medusa-text-subtle);
|
||||
--ifm-note-info-color: var(--medusa-support-info);
|
||||
--ifm-note-warning-color: var(--medusa-support-error);
|
||||
--ifm-note-tip-color: var(--medusa-support-warning);
|
||||
--ifm-navbar-item-padding-horizontal: theme(padding[1]);
|
||||
--ifm-navbar-height: theme(height.navbar);
|
||||
--ifm-navbar-link-hover-color: theme(colors.medusa.text.base.DEFAULT);
|
||||
--ifm-navbar-link-color: theme(colors.medusa.text.subtle.DEFAULT);
|
||||
|
||||
/* Inline Code */
|
||||
--ifm-code-border-radius: 8px;
|
||||
--ifm-code-padding-horizontal: 8px;
|
||||
--ifm-code-border-color: var(--medusa-border-base);
|
||||
--ifm-code-background: var(--medusa-bg-subtle) !important;
|
||||
--ifm-code-background-hover: var(--medusa-bg-subtle-hover);
|
||||
--ifm-code-background-pressed: var(--medusa-bg-subtle-pressed);
|
||||
--ifm-code-color: var(--medusa-text-subtle);
|
||||
--ifm-code-border-radius: theme(borderRadius.DEFAULT);
|
||||
--ifm-code-padding-horizontal: theme(padding[0.5]);
|
||||
--ifm-code-background: theme(colors.medusa.bg.subtle.DEFAULT) !important;
|
||||
|
||||
/* Code Blocks */
|
||||
--ifm-pre-background: var(--medusa-code-block);
|
||||
--ifm-pre-background-transparent: var(--medusa-code-block-transparent);
|
||||
--ifm-code-tabs-color: var(--medusa-code-tab-text);
|
||||
--ifm-code-tabs-active-bg: var(--medusa-code-tab);
|
||||
--ifm-code-tabs-active-color: var(--medusa-code-tab-active-text);
|
||||
--ifm-code-action-hover-bg: var(--medusa-code-tab-hover);
|
||||
--ifm-pre-padding: 16px;
|
||||
--ifm-code-title-color: var(--medusa-code-tab-title);
|
||||
--ifm-code-line-number-color: var(--medusa-text-placeholder);
|
||||
--ifm-code-block-border-color: var(--medusa-code-block-border);
|
||||
--ifm-pre-background: theme(colors.medusa.code.block.bg);
|
||||
--ifm-pre-padding: theme(padding.1);
|
||||
|
||||
/* Tabs */
|
||||
--ifm-tabs-color-active: var(--ifm-color-primary);
|
||||
|
||||
/* Tooltip */
|
||||
--ifm-tooltip-background-color: var(--medusa-tooltip);
|
||||
--ifm-tooltip-border-color: var(--medusa-tooltip-border);
|
||||
--ifm-tooltip-box-shadow-color: var(--medusa-tooltip-shadow);
|
||||
--rt-opacity: 1 !important;
|
||||
--rt-color-dark: var(--ifm-tooltip-background-color) !important;
|
||||
--rt-opacity: theme(opacity.100) !important;
|
||||
--rt-color-dark: theme(colors.medusa.bg.base.DEFAULT) !important;
|
||||
--rt-color-white: var(--ifm-color-content) !important;
|
||||
|
||||
/* Buttons */
|
||||
--ifm-primary-btn-background-color: var(--medusa-button-primary);
|
||||
--ifm-primary-btn-hover-background-color: var(--medusa-button-primary-hover);
|
||||
--ifm-primary-btn-color: var(--medusa-text-on-color);
|
||||
--ifm-primary-btn-border-color: var(--medusa-button-primary);
|
||||
--ifm-primary-btn-focused-shadow: var(--medusa-shadow-button-focused);
|
||||
--ifm-secondary-btn-background-color: var(--medusa-button-secondary);
|
||||
--ifm-secondary-btn-color: var(--ifm-color-primary);
|
||||
--ifm-secondary-btn-border-color: var(--ifm-base-border-color);
|
||||
--ifm-secondary-btn-hover-background-color: var(--medusa-button-secondary-hover);
|
||||
--ifm-secondary-btn-focused-shadow: var(--ifm-primary-btn-focused-shadow);
|
||||
|
||||
/* Footer */
|
||||
--ifm-footer-color: var(--medusa-text-placeholder);
|
||||
--ifm-footer-color: theme(colors.medusa.text.placeholder.DEFAULT);
|
||||
--ifm-footer-background-color: transparent;
|
||||
--ifm-footer-padding-horizontal: 0;
|
||||
--ifm-footer-social-icons-color: var(--medusa-icon-placeholder);
|
||||
--ifm-footer-social-icons-color-hover: var(--medusa-icon-secondary);
|
||||
--ifm-footer-border-color: var(--medusa-border-base);
|
||||
--ifm-footer-link-color: var(--ifm-color-content);
|
||||
--ifm-doc-footer-border-color: var(--medusa-border-base);
|
||||
|
||||
/* Search */
|
||||
--docsearch-searchbox-width: 280px;
|
||||
--docsearch-searchbox-height: 32px !important;
|
||||
--docsearch-searchbox-background: var(--medusa-bg-field) !important;
|
||||
--docsearch-searchbox-focus-background: var(--medusa-bg-field-hover) !important;
|
||||
--docsearch-searchbox-border-color: var(--medusa-border-base);
|
||||
--docsearch-searchbox-background: theme(colors.medusa.bg.field.DEFAULT) !important;
|
||||
--docsearch-searchbox-focus-background: theme(colors.medusa.bg.field.hover.DEFAULT) !important;
|
||||
--docsearch-searchbox-shadow: none !important;
|
||||
--docsearch-modal-height: 472px !important;
|
||||
--docsearch-modal-background: var(--medusa-bg-base) !important;
|
||||
--docsearch-modal-border-color: var(--medusa-border-base);
|
||||
--docsearch-modal-shadow: var(--medusa-shadow-overlay) !important;
|
||||
--docsearch-modal-fade-bg: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%); /* TODO */
|
||||
--docsearch-modal-searchbox-height: 56px;
|
||||
--docsearch-modal-searchbox-focus-background: none;
|
||||
--docsearch-container-background: var(--medusa-bg-overlay) !important;
|
||||
--docsearch-key-gradient: var(--medusa-bg-component) !important;
|
||||
--docsearch-muted-color: var(--medusa-text-subtle) !important;
|
||||
--docsearch-placeholder-color: var(--medusa-text-placeholder);
|
||||
--docsearch-primary-color: var(--ifm-color-primary);
|
||||
--docsearch-source-color: var(--medusa-text-placeholder);
|
||||
--docsearch-spacing-y: 12px;
|
||||
--docsearch-spacing-x: 24px;
|
||||
--docsearch-spacing: var(--docsearch-spacing-y) var(--docsearch-spacing-x) !important;
|
||||
--docsearch-source-spacing: 10px 24px;
|
||||
--docsearch-highlight-color: var(--medusa-text-placeholder) !important;
|
||||
--docsearch-modal-background: theme(colors.medusa.bg.base.DEFAULT) !important;
|
||||
--docsearch-modal-shadow: theme(boxShadow.overlay) !important;
|
||||
--docsearch-container-background: theme(colors.medusa.bg.overlay.DEFAULT) !important;
|
||||
--docsearch-key-gradient: theme(colors.medusa.bg.component.DEFAULT) !important;
|
||||
--docsearch-muted-color: theme(colors.medusa.text.subtle.DEFAULT) !important;
|
||||
--docsearch-spacing: 12px theme(spacing[1.5]) !important;
|
||||
--docsearch-highlight-color: theme(colors.medusa.text.placeholder.DEFAULT) !important;
|
||||
--docsearch-text-color: var(--ifm-color-primary) !important;
|
||||
--docsearch-hit-background: var(--docsearch-modal-background) !important;
|
||||
--docsearch-hit-height: auto !important;
|
||||
--docsearch-hit-active-color: var(--docsearch-text-color) !important;
|
||||
--docsearch-hit-active-bg: var(--medusa-bg-base-hover);
|
||||
--docsearch-hit-icon-color: var(--medusa-icon-placeholder);
|
||||
--docsearch-icon-color: var(--medusa-icon-placeholder);
|
||||
--docsearch-hit-border-color: var(--medusa-border-base);
|
||||
--docsearch-hit-title-color: var(--docsearch-primary-color);
|
||||
--docsearch-tree-color: var(--medusa-border-base);
|
||||
--docsearch-tree-hover-color: var(--medusa-border-strong);
|
||||
--docsearch-footer-height: 40px !important;
|
||||
|
||||
/* Announcement Bar */
|
||||
--docusaurus-announcement-bar-height: auto !important;
|
||||
--ifm-announcement-bar-bg: var(--ifm-background-surface-color);
|
||||
--ifm-announcement-bar-border-color: var(--ifm-base-border-color);
|
||||
--ifm-announcement-bar-hover-bg: var(--medusa-bg-subtle-hover);
|
||||
--ifm-announcement-bar-icon-bg: url('/img/announcement-bg.svg');
|
||||
--ifm-announcement-bar-icon-color: var(--medusa-icon-on-color);
|
||||
--ifm-announcement-bar-title-color: var(--ifm-color-primary);
|
||||
--ifm-announcement-bar-text-color: var(--ifm-color-content);
|
||||
--ifm-announcement-bar-close-icon-color: var(--medusa-icon-placeholder);
|
||||
|
||||
/* Cards */
|
||||
--ifm-card-bg: var(--ifm-background-surface-color);
|
||||
--ifm-card-bg-hover: var(--medusa-bg-subtle-hover);
|
||||
--ifm-card-border-color: var(--ifm-background-surface-color);
|
||||
--ifm-card-icon-size: 20px;
|
||||
--ifm-card-highlighted-bg-image: url('/img/small-squares-bg-light.svg');
|
||||
|
||||
/* Large Card */
|
||||
--large-card-bg: var(--ifm-background-surface-color);
|
||||
--large-card-bg-hover: var(--medusa-bg-subtle-hover);
|
||||
--large-card-border-color: var(--ifm-base-border-color);
|
||||
--large-card-bg-image: url('/img/squares-bg-light.svg');
|
||||
--large-card-fade-effect: linear-gradient(transparent, var(--large-card-bg));
|
||||
--large-card-fade-effect-hover: linear-gradient(transparent, var(--large-card-bg-hover));
|
||||
--large-card-icon-size: 20px;
|
||||
--large-card-icon-inside-padding: 6px;
|
||||
--large-card-icon-wrapper-padding: var(--bordered-padding);
|
||||
--large-card-icon-wrapper-border-color: var(--ifm-strong-border-color);
|
||||
--large-card-title-color: var(--ifm-color-primary);
|
||||
|
||||
/* Bordered Element */
|
||||
--bordered-border-color: var(--medusa-border-strong);
|
||||
--bordered-padding: 3px;
|
||||
--bordered-inside-padding: 2px;
|
||||
--bordered-margin-right: calc(var(--ifm-base-margin-vertical) / 2);
|
||||
|
||||
/** Tables **/
|
||||
--ifm-table-border-color: var(--medusa-border-base);
|
||||
/* Tables */
|
||||
--ifm-table-border-color: theme(colors.medusa.border.base.DEFAULT);
|
||||
--ifm-table-head-background: var(--ifm-background-surface-color);
|
||||
--ifm-table-head-color: var(--ifm-color-primary);
|
||||
--ifm-table-head-font-weight: var(--medusa-body-regular-plus-font-weight);
|
||||
--ifm-table-head-font-weight: theme(fontSize.body-regular-plus[1].fontWeight);
|
||||
--ifm-table-stripe-background: var(--ifm-background-surface-color) !important;
|
||||
}
|
||||
|
||||
html[data-theme="dark"] {
|
||||
/* Colors */
|
||||
--ifm-background-color: theme(colors.medusa.bg.subtle.dark);
|
||||
--ifm-background-surface-color: theme(colors.medusa.bg.base.dark);
|
||||
--ifm-hr-background-color: theme(colors.medusa.border.base.dark);
|
||||
--ifm-color-primary: theme(colors.medusa.text.base.dark);
|
||||
--ifm-color-content: theme(colors.medusa.text.subtle.dark) !important;
|
||||
--ifm-base-border-color: theme(colors.medusa.border.base.dark);
|
||||
--ifm-strong-border-color: theme(colors.medusa.border.strong.dark);
|
||||
|
||||
/* Sidebar */
|
||||
--ifm-menu-color-background-hover: var(--medusa-bg-subtle-hover);
|
||||
--ifm-menu-color-background-active: var(--medusa-bg-subtle-pressed);
|
||||
--ifm-menu-color: theme(colors.medusa.text.subtle.dark);
|
||||
--ifm-menu-color-active: theme(colors.medusa.text.base.dark);
|
||||
--ifm-menu-color-background-hover: theme(colors.medusa.bg.subtle.hover.dark);
|
||||
--ifm-menu-color-background-active: theme(colors.medusa.bg.subtle.pressed.dark);
|
||||
|
||||
/* Colors */
|
||||
--ifm-background-color: var(--medusa-bg-subtle);
|
||||
--ifm-background-surface-color: var(--medusa-bg-base);
|
||||
/* Toc */
|
||||
--ifm-toc-border-color: theme(colors.medusa.border.base.dark);
|
||||
--ifm-toc-link-color: theme(colors.medusa.text.subtle.dark);
|
||||
|
||||
/* Navbar */
|
||||
--ifm-navbar-shadow: theme(boxShadow.navbar-dark);
|
||||
--ifm-navbar-link-hover-color: theme(colors.medusa.text.base.dark);
|
||||
--ifm-navbar-link-color: theme(colors.medusa.text.subtle.dark);
|
||||
|
||||
/* Inline Code */
|
||||
--ifm-code-background: var(--medusa-bg-base) !important;
|
||||
--ifm-code-background-hover: var(--medusa-bg-base-hover);
|
||||
--ifm-code-background-pressed: var(--medusa-bg-base-pressed);
|
||||
--ifm-code-background: theme(colors.medusa.bg.base.dark) !important;
|
||||
|
||||
/* Cards */
|
||||
--ifm-card-bg-hover: var(--medusa-bg-base-hover);
|
||||
--ifm-card-highlighted-bg-image: url('/img/small-squares-bg.svg');
|
||||
/* Tooltip */
|
||||
--rt-color-dark: theme(colors.medusa.bg.base.dark) !important;
|
||||
|
||||
/* Announcement Bar */
|
||||
--ifm-announcement-bar-hover-bg: var(--medusa-bg-base-hover);
|
||||
/* Footer */
|
||||
--ifm-footer-color: theme(colors.medusa.text.placeholder.dark);
|
||||
|
||||
/* Large Card */
|
||||
--large-card-bg-hover: var(--medusa-bg-base-hover);
|
||||
--large-card-bg-image: url('/img/squares-bg.svg');
|
||||
/* Search */
|
||||
--docsearch-searchbox-background: theme(colors.medusa.bg.field.dark) !important;
|
||||
--docsearch-searchbox-focus-background: theme(colors.medusa.bg.field.hover.dark) !important;
|
||||
--docsearch-modal-background: theme(colors.medusa.bg.base.dark) !important;
|
||||
--docsearch-modal-shadow: theme(boxShadow.overlay-dark) !important;
|
||||
--docsearch-container-background: theme(colors.medusa.bg.overlay.dark) !important;
|
||||
--docsearch-key-gradient: theme(colors.medusa.bg.component.dark) !important;
|
||||
--docsearch-muted-color: theme(colors.medusa.text.subtle.dark) !important;
|
||||
--docsearch-highlight-color: theme(colors.medusa.text.placeholder.dark) !important;
|
||||
|
||||
/* Tables */
|
||||
--ifm-table-border-color: theme(colors.medusa.border.base.dark);
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1441px) {
|
||||
|
||||
197
www/docs/src/css/components/docsearch.css
Normal file
197
www/docs/src/css/components/docsearch.css
Normal file
@@ -0,0 +1,197 @@
|
||||
.DocSearch-Modal {
|
||||
@apply tw-border tw-border-solid !tw-border-medusa-border-base dark:!tw-border-medusa-border-base-dark;
|
||||
@apply !tw-rounded !tw-relative;
|
||||
@apply md:!tw-m-[unset] md:tw-w-[560px];
|
||||
}
|
||||
|
||||
.DocSearch-SearchBar {
|
||||
@apply !tw-p-0;
|
||||
}
|
||||
|
||||
.DocSearch-Form {
|
||||
--docsearch-spacing: theme(margin[1.5]);
|
||||
--docsearch-searchbox-height: 56px;
|
||||
--docsearch-searchbox-focus-background: var(--docsearch-modal-background) !important;
|
||||
|
||||
@apply !tw-rounded-t !tw-rounded-b-none tw-border-0 tw-border-b tw-border-solid !tw-border-medusa-border-base dark:!tw-border-medusa-border-base-dark;
|
||||
}
|
||||
|
||||
.DocSearch-LoadingIndicator svg, .DocSearch-MagnifierLabel svg {
|
||||
@apply !tw-w-[20px] !tw-h-[20px];
|
||||
}
|
||||
|
||||
.DocSearch-Input {
|
||||
@apply !tw-text-body-regular !tw-pl-1;
|
||||
@apply placeholder:tw-text-medusa-text-placeholder dark:placeholder:tw-text-medusa-text-placeholder-dark;
|
||||
}
|
||||
|
||||
.DocSearch-Dropdown {
|
||||
@apply !tw-pt-0 !tw-pb-[40px] !tw-px-0;
|
||||
@apply !tw-max-h-[416px];
|
||||
}
|
||||
|
||||
.DocSearch-Hit-source {
|
||||
@apply !tw-m-0 !tw-text-label-small-plus tw-uppercase tw-text-medusa-text-placeholder dark:tw-text-medusa-text-placeholder-dark;
|
||||
@apply tw-border-0 tw-border-b tw-border-solid tw-border-medusa-border-base dark:tw-border-medusa-border-base-dark;
|
||||
@apply !tw-py-[10px] !tw-px-1.5;
|
||||
}
|
||||
|
||||
.DocSearch-Footer {
|
||||
@apply !tw-hidden;
|
||||
}
|
||||
|
||||
.DocSearch-Hit {
|
||||
@apply !tw-p-0;
|
||||
}
|
||||
|
||||
.DocSearch-Hit:not(.DocSearch-Hit--Child) .DocSearch-Hit-icon {
|
||||
@apply !tw-w-[40px] !tw-h-[40px] tw-p-[2px] tw-border tw-border-solid tw-border-medusa-border-strong dark:tw-border-medusa-border-strong-dark;
|
||||
@apply tw-rounded tw-flex tw-justify-center tw-items-center;
|
||||
@apply before:tw-content-[''] before:tw-w-2 before:tw-h-2 before:tw-bg-no-repeat before:tw-bg-center before:tw-bg-contain before:tw-bg-search-hit dark:before:tw-bg-search-hit-dark;
|
||||
}
|
||||
|
||||
.DocSearch-Hit-icon svg {
|
||||
@apply tw-hidden;
|
||||
}
|
||||
|
||||
.DocSearch-Hit--Child .DocSearch-Hit-icon {
|
||||
@apply tw-hidden;
|
||||
}
|
||||
|
||||
.DocSearch-Hit a {
|
||||
@apply !tw-py-[12px] !tw-px-1.5 !tw-shadow-none !tw-rounded-none;
|
||||
}
|
||||
|
||||
.DocSearch-Hit:not(:last-of-type) a {
|
||||
@apply tw-border-0 tw-border-b tw-border-solid tw-border-medusa-border-base dark:tw-border-medusa-border-base-dark;
|
||||
}
|
||||
|
||||
.DocSearch-Hit-content-wrapper {
|
||||
@apply !tw-mt-0 !tw-mx-1;
|
||||
}
|
||||
|
||||
.DocSearch-Hit-title,
|
||||
.DocSearch-Hit-title mark {
|
||||
@apply !tw-text-medusa-text-base dark:!tw-text-medusa-text-base-dark;
|
||||
@apply !tw-text-label-small-plus;
|
||||
}
|
||||
|
||||
.DocSearch-Hit-path {
|
||||
@apply !tw-text-medusa-text-subtle dark:!tw-text-medusa-text-subtle-dark !tw-text-label-small;
|
||||
}
|
||||
|
||||
.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-path {
|
||||
--docsearch-hit-active-color: theme(colors.medusa.text.subtle.DEFAULT);
|
||||
}
|
||||
|
||||
html[data-theme="dark"] .DocSearch-Hit[aria-selected=true] .DocSearch-Hit-path {
|
||||
--docsearch-hit-active-color: theme(colors.medusa.text.subtle.dark);
|
||||
}
|
||||
|
||||
.DocSearch-Hit[aria-selected=true] a {
|
||||
@apply !tw-bg-medusa-bg-base-hover dark:!tw-bg-medusa-bg-base-hover-dark;
|
||||
}
|
||||
|
||||
.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-content-wrapper + .DocSearch-Hit-action:last-child {
|
||||
@apply tw-h-1.5 tw-w-1.5 tw-border tw-border-solid tw-border-medusa-border-strong dark:tw-border-medusa-border-strong-dark;
|
||||
@apply tw-rounded tw-bg-medusa-bg-base dark:tw-bg-medusa-bg-base-dark tw-p-[2px] tw-flex tw-justify-center tw-items-center;
|
||||
@apply before:tw-content-[''] before:tw-w-[20px] before:tw-h-[20px] before:tw-bg-search-arrow dark:before:tw-bg-search-arrow-dark before:tw-bg-no-repeat before:tw-bg-center;
|
||||
}
|
||||
|
||||
.DocSearch-Hit-content-wrapper + .DocSearch-Hit-action:last-child svg,
|
||||
.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-content-wrapper + .DocSearch-Hit-action:last-child svg {
|
||||
@apply tw-hidden;
|
||||
}
|
||||
|
||||
.DocSearch-Hit[aria-selected=true] mark {
|
||||
@apply !tw-no-underline;
|
||||
}
|
||||
|
||||
.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Tree {
|
||||
@apply tw-text-medusa-border-strong dark:tw-text-medusa-border-strong-dark;
|
||||
}
|
||||
|
||||
.DocSearch-Hit-Tree {
|
||||
@apply tw-text-medusa-border-base dark:tw-text-medusa-border-base-dark;
|
||||
}
|
||||
|
||||
.DocSearch-HitsFooter {
|
||||
@apply tw-z-[100] tw-absolute tw-bottom-0 tw-left-0 tw-w-full tw-h-[40px] !tw-bg-medusa-bg-base dark:!tw-bg-medusa-bg-base-dark;
|
||||
@apply tw-border-0 tw-border-t tw-border-solid tw-border-medusa-border-base dark:tw-border-medusa-border-base-dark;
|
||||
}
|
||||
|
||||
.DocSearch-HitsFooter a {
|
||||
@apply !tw-border-b-0;
|
||||
}
|
||||
|
||||
.DocSearch-Reset {
|
||||
@apply !tw-rounded tw-transition-all tw-duration-200 tw-ease-ease;
|
||||
@apply hover:tw-bg-medusa-bg-base-hover dark:hover:tw-bg-medusa-bg-base-hover-dark;
|
||||
}
|
||||
|
||||
.DocSearch-NoResults .DocSearch-Screen-Icon {
|
||||
@apply tw-w-[20px] tw-h-[20px] !tw-p-0 tw-flex tw-justify-center tw-items-center tw-mt-0 tw-mb-1 tw-mx-auto;
|
||||
@apply before:tw-content-[''] before:tw-w-full before:tw-h-full before:tw-bg-no-repeat before:tw-bg-center before:tw-bg-contain;
|
||||
@apply before:tw-bg-search-no-result dark:before:tw-bg-search-no-result-dark;
|
||||
}
|
||||
|
||||
.DocSearch-NoResults .DocSearch-Screen-Icon svg {
|
||||
@apply tw-hidden;
|
||||
}
|
||||
|
||||
.DocSearch-NoResults .DocSearch-Title {
|
||||
@apply !tw-text-label-small !tw-pl-1;
|
||||
}
|
||||
|
||||
.DocSearch-NoResults-Prefill-List {
|
||||
@apply tw-text-center !tw-text-label-small-plus !tw-pl-1;
|
||||
}
|
||||
|
||||
.DocSearch-NoResults-Prefill-List li::marker {
|
||||
@apply tw-content-[''];
|
||||
}
|
||||
|
||||
.DocSearch-NoResults-Prefill-List li button {
|
||||
@apply tw-text-medusa-text-base dark:tw-text-medusa-text-base-dark;
|
||||
}
|
||||
.DocSearch-Button {
|
||||
@apply tw-w-full !tw-h-full !tw-rounded lg:!tw-border lg:!tw-border-solid lg:!tw-border-medusa-border-base lg:dark:!tw-border-medusa-border-base-dark tw-border-0;
|
||||
@apply lg:!tw-bg-medusa-bg-field lg:dark:!tw-bg-medusa-bg-field-dark !tw-bg-transparent;
|
||||
@apply lg:hover:!tw-bg-medusa-bg-field-hover lg:dark:hover:!tw-bg-medusa-bg-field-hover-dark;
|
||||
@apply !tw-py-[6px] !tw-pl-0.5 tw-relative;
|
||||
@apply hover:!tw-border-medusa-border-base hover:dark:!tw-border-medusa-border-base-dark;
|
||||
@apply active:!tw-border-medusa-border-base active:dark:!tw-border-medusa-border-base-dark;
|
||||
@apply focus:!tw-border-medusa-border-base focus:dark:!tw-border-medusa-border-base-dark;
|
||||
}
|
||||
|
||||
.DocSearch-Container {
|
||||
@apply !tw-z-[1001] md:tw-flex md:tw-justify-center md:tw-items-center;
|
||||
}
|
||||
|
||||
.DocSearch-Button .DocSearch-Search-Icon {
|
||||
@apply tw-invisible;
|
||||
}
|
||||
|
||||
.DocSearch-Button-Container {
|
||||
@apply before:tw-content-[''] before:tw-h-[20px] before:tw-w-[20px] before:tw-absolute before:tw-left-0.5 before:tw-top-[5px];
|
||||
@apply before:tw-bg-magnifying-glass before:tw-bg-no-repeat;
|
||||
}
|
||||
|
||||
.DocSearch-Button-Placeholder {
|
||||
@apply tw-text-medusa-text-placeholder dark:tw-text-medusa-text-placeholder-dark;
|
||||
@apply !tw-pl-0.5 !tw-text-label-small lg:!tw-block !tw-hidden;
|
||||
}
|
||||
|
||||
.DocSearch-Button-Keys {
|
||||
@apply tw-w-fit !tw-min-w-[unset] lg:!tw-flex !tw-hidden;
|
||||
}
|
||||
|
||||
.DocSearch-Button-Key {
|
||||
@apply !tw-shadow-none !tw-rounded-md !tw-text-label-x-small-plus !tw-font-base tw-align-middle !tw-p-[2px];
|
||||
@apply !tw-border !tw-border-solid !tw-border-medusa-border-strong dark:!tw-border-medusa-border-strong-dark;
|
||||
@apply [&span]:tw-hidden [&:not(:last-child)]:!tw-mr-[4px] last:!tw-mr-0;
|
||||
}
|
||||
|
||||
[class*=searchBox] {
|
||||
@apply lg:tw-w-[280px] lg:tw-max-w-[280px] lg:!tw-h-2 lg:!tw-p-0;
|
||||
}
|
||||
152
www/docs/src/css/components/redocly.css
Normal file
152
www/docs/src/css/components/redocly.css
Normal file
@@ -0,0 +1,152 @@
|
||||
.redocusaurus .expanded + tr > td > div {
|
||||
@apply !tw-bg-medusa-bg-subtle dark:!tw-bg-medusa-bg-base-dark;
|
||||
}
|
||||
|
||||
.redocusaurus table tbody tr table,
|
||||
.redocusaurus table tbody tr table tbody tr {
|
||||
@apply !tw-bg-transparent;
|
||||
}
|
||||
|
||||
.redocusaurus a {
|
||||
@apply !tw-text-medusa-text-base dark:!tw-text-medusa-text-base-dark;
|
||||
}
|
||||
|
||||
.redocusaurus pre {
|
||||
@apply !tw-p-1;
|
||||
}
|
||||
|
||||
.redocusaurus .react-tabs__tab-panel > div > pre {
|
||||
@apply !tw-p-0;
|
||||
}
|
||||
|
||||
.redocusaurus pre,
|
||||
.redocusaurus .react-tabs__tab-panel--selected,
|
||||
.redocusaurus [data-section-id] > div:nth-child(2) > div > button,
|
||||
.redocusaurus div[id^='tag'] > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) {
|
||||
@apply !tw-bg-medusa-code-block-bg;
|
||||
}
|
||||
|
||||
.redocusaurus [data-section-id] > div:nth-child(2) > div > button {
|
||||
@apply dark:!tw-border-medusa-border-strong-dark;
|
||||
}
|
||||
|
||||
.redocusaurus div[id^='tag'] > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(2) > div {
|
||||
@apply !tw-border-medusa-border-strong;
|
||||
}
|
||||
|
||||
.redocusaurus [data-section-id] > div:nth-child(2) > div > button {
|
||||
@apply !tw-rounded-t !tw-rounded-b-none;
|
||||
}
|
||||
|
||||
.redocusaurus [data-section-id] > div:nth-child(2) > div > button + div > div > div > div {
|
||||
@apply !tw-text-medusa-text-base dark:!tw-text-medusa-text-base-dark;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.redocusaurus h5 + svg {
|
||||
@apply tw-fill-medusa-icon-secondary dark:tw-fill-medusa-icon-secondary-dark;
|
||||
}
|
||||
|
||||
.redocusaurus h2 + div + div > div + div {
|
||||
@apply tw-p-1 tw-bg-medusa-bg-subtle dark:tw-bg-medusa-bg-base-dark;
|
||||
}
|
||||
|
||||
.redocusaurus h2 + div + div {
|
||||
@apply tw-border-medusa-border-base dark:tw-border-medusa-border-base-dark;
|
||||
}
|
||||
|
||||
.redocusaurus .menu-content,
|
||||
.redocusaurus .menu-content label {
|
||||
@apply !tw-bg-medusa-bg-base dark:!tw-bg-medusa-bg-subtle-dark;
|
||||
}
|
||||
|
||||
.redoc-json code {
|
||||
@apply !tw-border-0;
|
||||
}
|
||||
|
||||
.redocusaurus p {
|
||||
@apply tw-text-medusa-text-subtle dark:tw-text-medusa-text-subtle-dark;
|
||||
}
|
||||
|
||||
.redocusaurus h2, .redocusaurus h3, .redocusaurus h4 {
|
||||
@apply !tw-text-medusa-text-base dark:!tw-text-medusa-text-base-dark;
|
||||
}
|
||||
|
||||
.redocusaurus [data-section-id] [data-section-id] > div:nth-child(2) h2, .redocusaurus [data-section-id] [data-section-id] > div:nth-child(2) h3, .redocusaurus [data-section-id] [data-section-id] > div:nth-child(2) h4 {
|
||||
@apply !tw-text-medusa-text-on-color dark:!tw-text-medusa-text-on-color-dark;
|
||||
}
|
||||
|
||||
.redocusaurus [data-section-id] {
|
||||
@apply after:!tw-border-transparent;
|
||||
}
|
||||
|
||||
.redocusaurus .property-name + div {
|
||||
@apply !tw-text-medusa-icon-error dark:!tw-text-medusa-icon-error-dark;
|
||||
}
|
||||
|
||||
.redocusaurus .react-tabs__tab:not(.react-tabs__tab--selected) {
|
||||
@apply !tw-bg-medusa-button-secondary dark:!tw-bg-medusa-button-secondary-dark;
|
||||
@apply !tw-border-medusa-border-base dark:!tw-border-medusa-border-base-dark;
|
||||
@apply !tw-text-medusa-text-base dark:!tw-text-medusa-text-base-dark;
|
||||
}
|
||||
|
||||
.redocusaurus ul > li.react-tabs__tab--selected[aria-selected="true"]:not(.tab-error):not(.tab-success) {
|
||||
@apply !tw-bg-medusa-button-primary dark:!tw-bg-medusa-button-primary-dark;
|
||||
@apply !tw-border-medusa-button-primary dark:!tw-border-medusa-button-primary-dark;
|
||||
@apply !tw-text-medusa-text-on-color dark:!tw-text-medusa-text-on-color-dark;
|
||||
}
|
||||
|
||||
.redocusaurus ul > li.react-tabs__tab--selected.tab-success {
|
||||
@apply !tw-bg-medusa-button-success dark:!tw-bg-medusa-button-success-dark;
|
||||
@apply !tw-border-medusa-button-success dark:!tw-border-medusa-button-success-dark;
|
||||
@apply !tw-text-medusa-text-on-color dark:!tw-text-medusa-text-on-color-dark;
|
||||
}
|
||||
|
||||
.redocusaurus ul > li.react-tabs__tab--selected.tab-error {
|
||||
@apply !tw-bg-medusa-button-danger dark:!tw-bg-medusa-button-danger-dark;
|
||||
@apply !tw-border-medusa-button-danger dark:!tw-border-medusa-button-danger-dark;
|
||||
@apply !tw-text-medusa-text-on-color dark:!tw-text-medusa-text-on-color-dark;
|
||||
@apply hover:!tw-bg-medusa-button-danger-hover dark:hover:!tw-bg-medusa-button-danger-hover-dark;
|
||||
@apply hover:!tw-border-medusa-button-danger-hover dark:hover:!tw-border-medusa-button-danger-hover-dark;
|
||||
}
|
||||
|
||||
.redocusaurus .tab-error:not(.react-tabs__tab--selected) {
|
||||
@apply !tw-bg-medusa-button-secondary dark:!tw-bg-medusa-button-secondary-dark;
|
||||
@apply !tw-border-medusa-border-base dark:!tw-border-medusa-border-base-dark;
|
||||
@apply !tw-text-medusa-support-error dark:!tw-text-medusa-support-error-dark;
|
||||
}
|
||||
|
||||
.redocusaurus .tab-success:not(.react-tabs__tab--selected) {
|
||||
@apply !tw-bg-medusa-button-secondary dark:!tw-bg-medusa-button-secondary-dark;
|
||||
@apply !tw-border-medusa-border-base dark:!tw-border-medusa-border-base-dark;
|
||||
@apply !tw-text-medusa-support-success dark:!tw-text-medusa-support-success-dark;
|
||||
}
|
||||
|
||||
.redocusaurus [type=get] {
|
||||
@apply !tw-bg-medusa-support-success dark:!tw-bg-medusa-support-success-dark;
|
||||
}
|
||||
|
||||
.redocusaurus [type=delete] {
|
||||
@apply !tw-bg-medusa-support-error dark:!tw-bg-medusa-support-error-dark;
|
||||
}
|
||||
|
||||
.redocusaurus table th,
|
||||
.redocusaurus table td {
|
||||
@apply !tw-border-medusa-border-base dark:!tw-border-medusa-border-base-dark;
|
||||
}
|
||||
|
||||
.redocusaurus [download] {
|
||||
@apply !tw-inline-flex tw-flex-row tw-justify-center tw-items-center;
|
||||
@apply !tw-py-[6px] !tw-px-[12px] !tw-rounded !tw-cursor-pointer;
|
||||
@apply !tw-bg-medusa-button-secondary dark:!tw-bg-medusa-button-secondary-dark;
|
||||
@apply hover:!tw-bg-medusa-button-secondary-hover dark:hover:!tw-bg-medusa-button-secondary-hover-dark hover:tw-no-underline;
|
||||
@apply !tw-border !tw-border-solid !tw-border-medusa-border-base dark:!tw-border-medusa-border-base-dark;
|
||||
@apply !tw-text-label-small-plus !tw-text-medusa-text-base dark:!tw-text-medusa-text-base-dark;
|
||||
@apply hover:!tw-text-medusa-text-base dark:hover:!tw-text-medusa-text-base-dark;
|
||||
@apply focus:!tw-shadow-button-focused dark:focus:!tw-shadow-button-focused-dark;
|
||||
}
|
||||
|
||||
.redocusaurus [role=menuitem] {
|
||||
@apply hover:!tw-text-medusa-text-subtle dark:hover:!tw-text-medusa-text-subtle-dark;
|
||||
}
|
||||
169
www/docs/src/css/components/sidebar.css
Normal file
169
www/docs/src/css/components/sidebar.css
Normal file
@@ -0,0 +1,169 @@
|
||||
.theme-doc-sidebar-container {
|
||||
--animate-duration: 0.2s;
|
||||
|
||||
clip-path: inset(0);
|
||||
}
|
||||
|
||||
.sidebar-desktop nav {
|
||||
--ifm-scrollbar-track-background-color: transparent !important;
|
||||
--ifm-scrollbar-thumb-background-color: transparent !important;
|
||||
--ifm-scrollbar-thumb-hover-background-color: transparent !important;
|
||||
}
|
||||
|
||||
.menu__list-item:not(:first-child):not(.sidebar-title) {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) [class*=theme-doc-sidebar-item-],
|
||||
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) [class*=theme-doc-sidebar-item-] .menu__link--active {
|
||||
@apply tw-relative;
|
||||
}
|
||||
|
||||
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) [class*=theme-doc-sidebar-item-]:not(.theme-doc-sidebar-item-link-category)::before,
|
||||
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) .theme-doc-sidebar-item-category .menu__list-item-collapsible .menu__link--active::before,
|
||||
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) > .theme-doc-sidebar-item-link > .menu__link--active::before,
|
||||
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) .theme-doc-sidebar-item-category > .menu__list-item-collapsible::before {
|
||||
@apply tw-content-[''] tw-h-full tw-w-[1px] tw-absolute tw-left-[8px] tw-top-0 tw-z-[1];
|
||||
}
|
||||
|
||||
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) [class*=theme-doc-sidebar-item-] .menu__link--active::before {
|
||||
@apply !tw-h-[20px];
|
||||
}
|
||||
|
||||
.theme-doc-sidebar-item-category-level-1 > .menu__list > .menu__list-item:first-child::before,
|
||||
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) .theme-doc-sidebar-item-category:first-child .menu__list-item-collapsible::before,
|
||||
.theme-doc-sidebar-item-category-level-1 > .menu__list > .menu__list-item:last-child::before {
|
||||
@apply !tw-h-[28px];
|
||||
}
|
||||
|
||||
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) .theme-doc-sidebar-item-link:first-child::before,
|
||||
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) .theme-doc-sidebar-item-category:first-child .menu__list-item-collapsible::before {
|
||||
@apply !tw-bottom-0 !tw-top-[unset];
|
||||
}
|
||||
|
||||
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) .theme-doc-sidebar-item-category:first-child .menu__list-item-collapsible {
|
||||
@apply !tw-pb-[6px];
|
||||
}
|
||||
|
||||
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) .theme-doc-sidebar-item-category:first-child .menu__list-item-collapsible .menu__link {
|
||||
@apply !tw-pb-0;
|
||||
}
|
||||
|
||||
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) [class*=theme-doc-sidebar-item-]::before,
|
||||
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) .theme-doc-sidebar-item-category:first-child .menu__list-item-collapsible::before {
|
||||
@apply tw-bg-medusa-border-base dark:tw-bg-medusa-border-base-dark;
|
||||
}
|
||||
|
||||
.theme-doc-sidebar-item-category-level-2 > .menu__list-item-collapsible .menu__link--active::before,
|
||||
.menu__list:not(.theme-doc-sidebar-menu) > .theme-doc-sidebar-item-link.theme-doc-sidebar-item-link-level-2 > .menu__link--active::before {
|
||||
@apply tw-bg-medusa-icon-interactive dark:tw-bg-medusa-icon-interactive-dark !tw-z-[2] !tw-top-[6px];
|
||||
}
|
||||
|
||||
.theme-doc-sidebar-item-category-level-2:only-child > .menu__list-item-collapsible .menu__link--active::before,
|
||||
.menu__list:not(.theme-doc-sidebar-menu) > .theme-doc-sidebar-item-link.theme-doc-sidebar-item-link-level-2:only-child > .menu__link--active::before,
|
||||
.menu__list:not(.theme-doc-sidebar-menu) > .theme-doc-sidebar-item-link.theme-doc-sidebar-item-link-level-2:first-child > .menu__link--active::before {
|
||||
@apply !tw-top-0.5;
|
||||
}
|
||||
|
||||
.theme-doc-sidebar-item-link-level-1:not(.sidebar-title):not(.homepage-sidebar-item):not(.sidebar-back-link) {
|
||||
@apply tw-mb-1;
|
||||
}
|
||||
|
||||
.theme-doc-sidebar-item-link-level-1:not(.sidebar-title):not(.homepage-sidebar-item):not(.sidebar-back-link) .menu__link {
|
||||
@apply !tw-pl-0;
|
||||
}
|
||||
|
||||
.theme-doc-sidebar-item-category-level-1.sidebar-group-headline {
|
||||
@apply tw-mb-1;
|
||||
}
|
||||
|
||||
[class*="level-2"]:is([class*="theme-doc-sidebar-item"]) .menu__link,
|
||||
[class*="level-2"]:is([class*="theme-doc-sidebar-item"]).sidebar-group-divider,
|
||||
[class*="level-3"]:is([class*="theme-doc-sidebar-item"]) .menu__link,
|
||||
[class*="level-3"]:is([class*="theme-doc-sidebar-item"]).sidebar-group-divider,
|
||||
[class*="level-4"]:is([class*="theme-doc-sidebar-item"]) .menu__link,
|
||||
[class*="level-4"]:is([class*="theme-doc-sidebar-item"]).sidebar-group-divider {
|
||||
@apply tw-py-[6px];
|
||||
}
|
||||
|
||||
[class*="level-2"]:is([class*="theme-doc-sidebar-item"]) .menu__link,
|
||||
[class*="level-2"]:is([class*="theme-doc-sidebar-item"]).sidebar-group-divider {
|
||||
@apply tw-pl-2;
|
||||
}
|
||||
|
||||
[class*="level-3"]:is([class*="theme-doc-sidebar-item"]) .menu__link,
|
||||
[class*="level-3"]:is([class*="theme-doc-sidebar-item"]).sidebar-group-divider {
|
||||
@apply tw-pl-3;
|
||||
}
|
||||
|
||||
[class*="level-4"]:is([class*="theme-doc-sidebar-item"]) .menu__link,
|
||||
[class*="level-4"]:is([class*="theme-doc-sidebar-item"]).sidebar-group-divider {
|
||||
@apply tw-pl-4;
|
||||
}
|
||||
|
||||
.homepage-sidebar-item:is([class*="level-1"]):is([class*="theme-doc-sidebar-item"]) > .menu__link,
|
||||
.homepage-sidebar-item:is([class*="level-1"]):is([class*="theme-doc-sidebar-item"]) > .menu__list-item-collapsible > .menu__link {
|
||||
@apply !tw-pl-0.5;
|
||||
}
|
||||
|
||||
.menu__list-item-collapsible {
|
||||
@apply !tw-rounded;
|
||||
}
|
||||
|
||||
.menu__list-item-collapsible--active {
|
||||
@apply !tw-bg-transparent;
|
||||
}
|
||||
|
||||
.menu__list-item-collapsible .menu__link--sublist:hover {
|
||||
@apply !tw-bg-medusa-bg-base-hover dark:!tw-bg-medusa-bg-subtle-hover-dark;
|
||||
}
|
||||
|
||||
.menu__list:not(.theme-doc-sidebar-menu) > .theme-doc-sidebar-item-link:last-child > .menu__link--active::before {
|
||||
@apply !tw-top-[4px];
|
||||
}
|
||||
|
||||
.menu__link--sublist-caret:after {
|
||||
@apply tw-content-none;
|
||||
}
|
||||
|
||||
.menu__link {
|
||||
@apply tw-cursor-pointer !tw-rounded tw-text-label-small-plus;
|
||||
}
|
||||
|
||||
.theme-doc-sidebar-item-category-level-1 > .menu__list {
|
||||
@apply tw-mb-[4px];
|
||||
}
|
||||
|
||||
.menu__list:not(.theme-doc-sidebar-menu),
|
||||
.theme-doc-sidebar-item-category-level-1 > .menu__list {
|
||||
@apply !tw-pl-0;
|
||||
}
|
||||
|
||||
.menu__list .menu__list {
|
||||
@apply !tw-mt-0;
|
||||
}
|
||||
|
||||
/** General sidebar styles **/
|
||||
.theme-doc-sidebar-container {
|
||||
@apply tw-z-[398] tw-border-0 tw-border-r tw-border-solid tw-border-medusa-border-base dark:tw-border-medusa-border-base-dark;
|
||||
}
|
||||
|
||||
/** Mobile Sidebar **/
|
||||
.navbar-sidebar__back {
|
||||
@apply tw-bg-transparent tw-w-fit tw-top-[unset] tw-pl-0 tw-ml-0 tw-mb-1 tw-text-label-small-plus;
|
||||
}
|
||||
|
||||
.theme-doc-sidebar-item-link {
|
||||
@apply tw-flex tw-items-center;
|
||||
}
|
||||
|
||||
/** Redocly sidebar **/
|
||||
|
||||
.redocusaurus .menu-content > div > ul > li > ul label:not([type=tag]):not(.active) {
|
||||
@apply tw-text-medusa-text-subtle dark:tw-text-medusa-text-subtle-dark;
|
||||
@apply hover:tw-text-medusa-text-base dark:hover:tw-text-medusa-text-base-dark;
|
||||
}
|
||||
|
||||
.redocusaurus .menu-content > div > ul > li > ul label:not([type=tag]).active {
|
||||
@apply tw-text-medusa-text-base dark:tw-text-medusa-text-base-dark;
|
||||
}
|
||||
60
www/docs/src/css/components/toc.css
Normal file
60
www/docs/src/css/components/toc.css
Normal file
@@ -0,0 +1,60 @@
|
||||
.theme-doc-toc-desktop {
|
||||
@apply tw-pt-3;
|
||||
}
|
||||
|
||||
.theme-doc-toc-desktop .table-of-contents {
|
||||
@apply !tw-border-l-0 !tw-p-0 tw-text-[12px] tw-relative tw-overflow-y-hidden;
|
||||
@apply before:tw-bg-toc dark:before:tw-bg-toc-dark;
|
||||
@apply before:tw-bg-no-repeat before:tw-bg-[length:14px_10px] before:tw-bg-[center_left];
|
||||
@apply before:tw-pl-[22px] before:tw-content-['On_this_page'] before:tw-pb-0 tw-text-label-small-plus;
|
||||
@apply after:tw-content-[''] after:tw-absolute after:tw-left-0 after:tw-top-[40px];
|
||||
@apply after:tw-h-full after:tw-w-[1px] after:tw-bg-medusa-border-base dark:after:tw-bg-medusa-border-base-dark;
|
||||
}
|
||||
|
||||
.theme-doc-toc-desktop .table-of-contents .table-of-contents__link {
|
||||
@apply tw-pl-[11px];
|
||||
}
|
||||
|
||||
.theme-doc-toc-desktop .table-of-contents > li {
|
||||
@apply first:tw-mt-1 [&:not(:first-child)]:tw-mt-0 last:tw-mb-0 [&:not(:last-child)]:tw-mb-[4px];
|
||||
}
|
||||
|
||||
.theme-doc-toc-desktop .table-of-contents li a + ul {
|
||||
@apply tw-mt-[4px];
|
||||
}
|
||||
|
||||
.theme-doc-toc-desktop .table-of-contents__link {
|
||||
@apply tw-relative tw-text-label-x-small-plus;
|
||||
@apply hover:tw-text-medusa-text-base dark:hover:tw-text-medusa-text-base-dark;
|
||||
}
|
||||
|
||||
.theme-doc-toc-desktop .table-of-contents__link:hover code {
|
||||
@apply tw-text-medusa-text-base dark:tw-text-medusa-text-base-dark;
|
||||
}
|
||||
|
||||
.theme-doc-toc-desktop .table-of-contents__link--active {
|
||||
@apply tw-text-medusa-text-base dark:tw-text-medusa-text-base-dark;
|
||||
@apply after:tw-content-[''] after:tw-absolute after:tw-left-0 after:tw-top-0;
|
||||
@apply after:tw-h-full after:tw-w-[1px] after:tw-bg-medusa-text-base dark:after:tw-bg-medusa-text-base-dark;
|
||||
@apply tw-z-[1];
|
||||
}
|
||||
|
||||
.theme-doc-toc-desktop .table-of-contents__link--active code {
|
||||
@apply tw-text-medusa-text-base dark:tw-text-medusa-text-base-dark;
|
||||
}
|
||||
|
||||
.theme-doc-toc-desktop .table-of-contents li {
|
||||
@apply tw-mx-0;
|
||||
}
|
||||
|
||||
.theme-doc-toc-desktop .table-of-contents ul li {
|
||||
@apply tw-mt-0;
|
||||
}
|
||||
|
||||
.table-of-contents ul {
|
||||
@apply tw-pl-0;
|
||||
}
|
||||
|
||||
.table-of-contents ul .table-of-contents__link {
|
||||
@apply !tw-pl-[27px];
|
||||
}
|
||||
10
www/docs/src/css/components/tooltip.css
Normal file
10
www/docs/src/css/components/tooltip.css
Normal file
@@ -0,0 +1,10 @@
|
||||
.react-tooltip {
|
||||
@apply !tw-border !tw-border-solid !tw-border-medusa-border-base dark:!tw-border-medusa-border-base-dark;
|
||||
@apply !tw-rounded !tw-text-label-x-small-plus !tw-shadow-overlay dark:!tw-shadow-overlay-dark;
|
||||
@apply !tw-py-0.4 !tw-px-1 lg:tw-block tw-hidden;
|
||||
}
|
||||
|
||||
.react-tooltip-arrow {
|
||||
@apply tw-hidden;
|
||||
}
|
||||
|
||||
@@ -1,15 +1,134 @@
|
||||
@import url('./_medusa.css');
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
@layer components {
|
||||
.sidebar-title {
|
||||
@apply !tw-m-0 !tw-py-1 !tw-px-0;
|
||||
@apply lg:first:tw-top-0 lg:[&:not(:first-child)]:tw-top-[20px];
|
||||
}
|
||||
|
||||
.sidebar-title .menu__link {
|
||||
@apply !tw-px-0;
|
||||
}
|
||||
|
||||
.sidebar-title .menu__link,
|
||||
.sidebar-title span {
|
||||
@apply !tw-text-label-regular-plus tw-text-medusa-text-base dark:tw-text-medusa-text-base-dark;
|
||||
}
|
||||
|
||||
.sidebar-title .menu__link--active,
|
||||
.sidebar-title .menu__link:hover {
|
||||
@apply !tw-bg-transparent;
|
||||
}
|
||||
|
||||
.sidebar-group-headline {
|
||||
@apply tw-mt-1 tw-py-[6px] tw-px-0;
|
||||
}
|
||||
|
||||
.sidebar-group-headline:not(.theme-doc-sidebar-item-category-level-1) {
|
||||
@apply tw-mb-[6px];
|
||||
}
|
||||
|
||||
.sidebar-group-headline > .menu__list-item-collapsible > .menu__link {
|
||||
@apply tw-text-medusa-text-base dark:tw-text-medusa-text-base-dark !tw-p-0;
|
||||
}
|
||||
|
||||
.sidebar-group-headline > .menu__list-item-collapsible > .menu__link:not([href]) {
|
||||
@apply tw-cursor-default
|
||||
}
|
||||
|
||||
.sidebar-group-headline > .menu__list-item-collapsible > .menu__link:hover,
|
||||
.sidebar-group-headline .menu__list-item-collapsible:hover {
|
||||
@apply !tw-bg-transparent;
|
||||
}
|
||||
|
||||
.sidebar-group-headline > .menu__link,
|
||||
.sidebar-group-headline > .menu__list-item-collapsible > .menu__link {
|
||||
@apply tw-font-semibold;
|
||||
}
|
||||
|
||||
.sidebar-group-divider {
|
||||
@apply tw-pb-[6px] tw-uppercase tw-text-medusa-text-placeholder dark:tw-text-medusa-text-placeholder-dark tw-text-label-x-small-plus;
|
||||
@apply first:tw-pt-[6px] [&:not(:first-child)]:!tw-pt-1;
|
||||
}
|
||||
|
||||
.sidebar-divider-line {
|
||||
@apply tw-h-[1px] tw-w-full tw-bg-medusa-border-base dark:tw-bg-medusa-border-base-dark tw-my-1 tw-mx-0;
|
||||
}
|
||||
|
||||
.sidebar-back-link {
|
||||
@apply tw-cursor-pointer lg:tw-top-0;
|
||||
}
|
||||
|
||||
.sidebar-back-link,
|
||||
.sidebar-title {
|
||||
@apply lg:tw-sticky lg:tw-bg-medusa-bg-base dark:lg:tw-bg-medusa-bg-subtle-dark lg:tw-z-[100];
|
||||
}
|
||||
|
||||
.sidebar-back-link .menu__link {
|
||||
@apply !tw-p-0 hover:!tw-bg-transparent hover:tw-text-medusa-text-base dark:hover:tw-text-medusa-text-base-dark;
|
||||
}
|
||||
|
||||
.sidebar-back-link .menu__link,
|
||||
.sidebar-back-link span {
|
||||
@apply tw-text-label-small-plus;
|
||||
}
|
||||
|
||||
.sidebar-back-link .sidebar-item-icon {
|
||||
@apply tw-mr-0.5;
|
||||
}
|
||||
|
||||
.sidebar-soon-link {
|
||||
@apply tw-pointer-events-none [&_*]:tw-text-medusa-text-disabled dark:[&_*]:tw-text-medusa-text-disabled-dark;
|
||||
}
|
||||
|
||||
|
||||
.sidebar-badge-wrapper {
|
||||
@apply tw-flex tw-justify-between tw-items-center;
|
||||
}
|
||||
|
||||
.search-page-input {
|
||||
@apply tw-rounded tw-border tw-border-solid tw-border-medusa-border-base dark:tw-border-medusa-border-base-dark;
|
||||
@apply tw-font-base tw-text-body-regular tw-p-[12px] tw-w-full tw-bg-medusa-bg-field dark:tw-bg-medusa-bg-field-dark;
|
||||
@apply tw-text-medusa-text-base dark:tw-text-medusa-text-base-dark tw-mb-1;
|
||||
@apply tw-transition-[border] tw-duration-200 tw-ease-ease;
|
||||
@apply focus:tw-border-medusa-border-base dark:focus:tw-border-medusa-border-base-dark;
|
||||
@apply focus:tw-outline-none !tw-shadow-none;
|
||||
}
|
||||
|
||||
.code-header {
|
||||
@apply tw-py-[12px] tw-px-1 tw-bg-medusa-code-tabs-bg;
|
||||
@apply tw-flex tw-justify-between tw-items-center;
|
||||
@apply tw-rounded-tl tw-rounded-tr tw-rounded-br-none tw-rounded-bl-none tw-border-b-0;
|
||||
@apply tw-border tw-border-solid tw-border-medusa-code-block-border tw-border-b-0;
|
||||
}
|
||||
|
||||
.no-scrollbar::-webkit-scrollbar {
|
||||
@apply tw-hidden;
|
||||
}
|
||||
|
||||
.animate__fastest {
|
||||
--animate-duration: 0.2s;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
@apply tw-inline-flex tw-flex-row tw-justify-center tw-items-center;
|
||||
@apply tw-py-[6px] tw-px-[12px] tw-rounded tw-cursor-pointer;
|
||||
@apply tw-bg-medusa-button-secondary dark:tw-bg-medusa-button-secondary-dark;
|
||||
@apply hover:tw-bg-medusa-button-secondary-hover dark:hover:tw-bg-medusa-button-secondary-hover-dark hover:tw-no-underline;
|
||||
@apply tw-border tw-border-solid tw-border-medusa-border-base dark:tw-border-medusa-border-base-dark;
|
||||
@apply tw-text-label-small-plus tw-text-medusa-text-base dark:tw-text-medusa-text-base-dark;
|
||||
@apply hover:tw-text-medusa-text-base dark:hover:tw-text-medusa-text-base-dark;
|
||||
@apply focus:tw-shadow-button-focused dark:focus:tw-shadow-button-focused-dark;
|
||||
}
|
||||
}
|
||||
|
||||
@import url('./_variables.css');
|
||||
|
||||
@import url('./_card.css');
|
||||
@import url('./_code.css');
|
||||
@import url('./_docsearch.css');
|
||||
@import url('./_docspage.css');
|
||||
@import url('./_footer.css');
|
||||
@import url('./_navbar.css');
|
||||
@import url('./_note.css');
|
||||
@import url('./_redocly.css');
|
||||
@import url('./_sidebar.css');
|
||||
@import url('./_toc.css');
|
||||
@import url('./_tooltip.css');
|
||||
@import url('./_typography.css');
|
||||
@import url('./_docusaurus.css');
|
||||
@import url('./components/docsearch.css');
|
||||
@import url('./components/redocly.css');
|
||||
@import url('./components/sidebar.css');
|
||||
@import url('./components/toc.css');
|
||||
@import url('./components/tooltip.css');
|
||||
Reference in New Issue
Block a user