chore: merge docs from master to develop (#3650)
* Fix issue on fixed total amount discount when using includes tax (#3472) The calculation of the fixed discount amount breaks when having includes_tax setting active, due to the line item totals are incorrect and returning everything as 0, thus the totalItemPercentage will be Infinitiy due to the division by a subtotal of 0 * chore: Add missing changeset for @medusajs/medusa * feat(medusa): Improve performance of Products domain (#3417) * feat(medusa): Improve product update performances * fix tests and update * update mock repo * improve repo * cleanup * fix * cleanup + bulk emit + unit test fix * improvements * improve * fix unit tests * fix export * fix product update handler * enhance mock repo * fix import integration * fix end point tests * revert mock repo product variant * fix unit * cleanup * cleanup * address feedback * fix quotes in tests * address feedback * Create new-tips-mate.md * use types * chore: Remove integration-tests from changeset * chore(release): v1.7.14 * chore(docs): Generated Docs Announcement Bar (automated) (#3489) Co-authored-by: olivermrbl <olivermrbl@users.noreply.github.com> * fix(medusa): EventBusService.emit using Redis mock (#3491) * Fix eventBusService.emit using redis mock * revert gitignore * enqueuer * unit test add redis_url * fix test * chore(docs): Generated Services Reference (automated) (#3490) Co-authored-by: olivermrbl <olivermrbl@users.noreply.github.com> * docs: publish restructure (#3496) * docs: added features and guides overview page * added image * added version 2 * added version 3 * added version 4 * docs: implemented new color scheme * docs: redesigned sidebar (#3193) * docs: redesigned navbar for restructure (#3199) * docs: redesigned footer (#3209) * docs: redesigned cards (#3230) * docs: redesigned admonitions (#3231) * docs: redesign announcement bar (#3236) * docs: redesigned large cards (#3239) * docs: redesigned code blocks (#3253) * docs: redesigned search modal and page (#3264) * docs: redesigned doc footer (#3268) * docs: added new sidebars + refactored css and assets (#3279) * docs: redesigned api reference sidebar * docs: refactored css * docs: added code tabs transition * docs: added new sidebars * removed unused assets * remove unusued assets * Fix deploy errors * fix incorrect link * docs: fixed code responsivity + missing icons (#3283) * docs: changed icons (#3296) * docs: design fixes to the sidebar (#3297) * redesign fixes * docs: small design fixes * docs: several design fixes after restructure (#3299) * docs: bordered icon fixes * docs: desgin fixes * fixes to code blocks and sidebar scroll * design adjustments * docs: restructured homepage (#3305) * docs: restructured homepage * design fixes * fixed core concepts icon * docs: added core concepts page (#3318) * docs: restructured homepage * design fixes * docs: added core concepts page * changed text of different components * docs: added architecture link * added missing prop for user guide * docs: added regions overview page (#3327) * docs: added regions overview * moved region pages to new structure * docs: fixed description of regions architecture page * small changes * small fix * docs: added customers overview page (#3331) * docs: added regions overview * moved region pages to new structure * docs: fixed description of regions architecture page * small changes * small fix * docs: added customers overview page * fix link * resolve link issues * docs: updated regions architecture image * docs: second-iteration fixes (#3347) * docs: redesigned document * design fixes * docs: added products overview page (#3354) * docs: added carts overview page (#3363) * docs: added orders overview (#3364) * docs: added orders overview * added links in overview * docs: added vercel redirects * docs: added soon badge for cards (#3389) * docs: resolved feedback changes + organized troubleshooting pages (#3409) * docs: resolved feedback changes * added extra line * docs: changed icons for restructure (#3421) * docs: added taxes overview page (#3422) * docs: added taxes overview page * docs: fix sidebar label * added link to taxes overview page * fixed link * docs: fixed sidebar scroll (#3429) * docs: added discounts overview (#3432) * docs: added discounts overview * fixed links * docs: added gift cards overview (#3433) * docs: added price lists overview page (#3440) * docs: added price lists overview page * fixed links * docs: added sales channels overview page (#3441) * docs: added sales overview page * fixed links * docs: added users overview (#3443) * docs: fixed sidebar border height (#3444) * docs: fixed sidebar border height * fixed svg markup * docs: added possible solutions to feedback component (#3449) * docs: added several overview pages + restructured files (#3463) * docs: added several overview pages * fixed links * docs: added feature flags + PAK overview pages (#3464) * docs: added feature flags + PAK overview pages * fixed links * fix link * fix link * fixed links colors * docs: added strategies overview page (#3468) * docs: automated upgrade guide (#3470) * docs: automated upgrade guide * fixed vercel redirect * docs: restructured files in docs codebase (#3475) * docs: restructured files * docs: fixed eslint exception * docs: finished restructure loose-ends (#3493) * fixed uses of backend * docs: finished loose ends * eslint fixes * fixed links * merged master * added update instructions for v1.7.12 * docs: fixed discount details (#3499) * docs: fix trailing slash causing 404 (#3508) * docs: fix error during navigation (#3509) * docs: removed the gatsby storefront guide (#3527) * docs: removed the gatsby storefront guide * docs: fixed query value * chore(docs): Removed Docs Announcement Bar (automated) (#3536) Co-authored-by: shahednasser <shahednasser@users.noreply.github.com> * fix(medusa): Variant update should include the id for the listeners to be able to identify the entity (#3539) * fix(medusa): Variant update should include the id for the listeners to be able to identify the entity * fix unit tests * Create brave-seahorses-film.md * docs: fix admin redirects (#3548) * chore(release): v1.7.15 * chore(docs): Generated Docs Announcement Bar (automated) (#3550) Co-authored-by: olivermrbl <olivermrbl@users.noreply.github.com> * chore(docs): Generated Services Reference (automated) (#3551) Automated changes by [create-pull-request](https://github.com/peter-evans/create-pull-request) GitHub action Co-authored-by: Oliver Windall Juhl <59018053+olivermrbl@users.noreply.github.com> * chore: updated READMEs of plugins (#3546) * chore: updated READMEs of plugins * added notice to plugins * docs: added a deploy guide for next.js storefront (#3558) * docs: added a deploy next.js guide * docs: fix image zoom * docs: fixes to next.js deployment guide to vercel (#3562) * chore(workflows): Enable manual workflow in pre-release mode (#3566) * chore(docs): Removed Docs Announcement Bar (automated) (#3598) Co-authored-by: shahednasser <shahednasser@users.noreply.github.com> * fix(medusa): Rounding issues on line item adjustments (#3446) * chores(medusa): Attempt to fix discount rounding issues * add migration * update entities * apply multipler factor properly * fix discount service * WIP * fix rounding issues in discounts * fix some tests * Exclude raw_discount_total from responses * fix adjustments * cleanup response * fix * fix draft order integration * fix order integration * fix order integration * address feedback * fix test * Create .changeset/polite-llamas-sit.md * remove comment --------- Co-authored-by: Oliver Windall Juhl <59018053+olivermrbl@users.noreply.github.com> * chore(workflows): Add release notification (#3629) --------- Co-authored-by: pepijn-vanvlaanderen <pepijn@webbers.com> Co-authored-by: olivermrbl <oliver@mrbltech.com> Co-authored-by: Adrien de Peretti <adrien.deperetti@gmail.com> Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: olivermrbl <olivermrbl@users.noreply.github.com> Co-authored-by: Carlos R. L. Rodrigues <37986729+carlos-r-l-rodrigues@users.noreply.github.com> Co-authored-by: shahednasser <shahednasser@users.noreply.github.com> Co-authored-by: Oliver Windall Juhl <59018053+olivermrbl@users.noreply.github.com>
This commit is contained in:
Shahed Nasser
co-authored by
olivermrbl
shahednasser
Oliver Windall Juhl
pepijn-vanvlaanderen
olivermrbl
Adrien de Peretti
github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Carlos R. L. Rodrigues
olivermrbl
shahednasser
Oliver Windall Juhl
pepijn-vanvlaanderen
olivermrbl
Adrien de Peretti
github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Carlos R. L. Rodrigues
parent
e6b5859af2
commit
6f1b49af03
+67
-20
@@ -1,10 +1,17 @@
|
||||
.markdown p + .cards-grid {
|
||||
margin-top: var(--ifm-base-margin-vertical);
|
||||
.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: 16px;
|
||||
column-gap: var(--ifm-base-spacing);
|
||||
grid-auto-rows: 1fr;
|
||||
}
|
||||
|
||||
@@ -12,33 +19,52 @@
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
|
||||
.box-link,
|
||||
.box-link:hover {
|
||||
color: #0a3149;
|
||||
}
|
||||
.card-highlighted {
|
||||
--bordered-inside-padding: 6px;
|
||||
|
||||
.card-highlight {
|
||||
position: relative;
|
||||
overflow: visible;
|
||||
margin-bottom: calc(var(--ifm-base-margin-vertical) * 2);
|
||||
}
|
||||
|
||||
.card-highlight:after {
|
||||
.card-highlighted {
|
||||
background-color: var(--ifm-card-bg);
|
||||
}
|
||||
|
||||
/* html[data-theme="dark"] .card-highlighted::before,
|
||||
html[data-theme="dark"] .card-highlighted::after {
|
||||
content: '';
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
position:absolute;
|
||||
bottom: -1px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: var(--ifm-primary-gradient);
|
||||
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:not([data-theme=dark]) .card {
|
||||
border: 1px solid #cbcbcb;
|
||||
border-radius: 8px;
|
||||
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);
|
||||
}
|
||||
|
||||
html[data-theme="dark"] .card {
|
||||
border: 1px solid var(--ifm-color-primary);
|
||||
.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) {
|
||||
@@ -53,6 +79,27 @@ html[data-theme="dark"] .card {
|
||||
}
|
||||
}
|
||||
|
||||
@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);
|
||||
|
||||
+62
-62
@@ -1,10 +1,16 @@
|
||||
/* [data-theme="dark"] pre code {
|
||||
background-color: var(--ifm-code-background);
|
||||
} */
|
||||
|
||||
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 {
|
||||
@@ -15,17 +21,6 @@ code {
|
||||
color: var(--ifm-code-color)
|
||||
}
|
||||
|
||||
.docusaurus-highlight-code-line {
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
display: block;
|
||||
margin: 0 calc(-1 * var(--ifm-pre-padding));
|
||||
padding: 0 var(--ifm-pre-padding);
|
||||
}
|
||||
|
||||
html[data-theme="dark"] .docusaurus-highlight-code-line {
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.prism-code {
|
||||
background-color: none;
|
||||
word-break: break-word;
|
||||
@@ -38,23 +33,16 @@ html[data-theme="dark"] .docusaurus-highlight-code-line {
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
[data-theme="dark"] .theme-doc-markdown a.card:hover {
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.code-tabs {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.code-header {
|
||||
padding: 12px 16px;
|
||||
}
|
||||
|
||||
.code-header {
|
||||
background-color: #161616;
|
||||
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;
|
||||
}
|
||||
|
||||
@@ -64,9 +52,10 @@ html[data-theme="dark"] .docusaurus-highlight-code-line {
|
||||
|
||||
.code-tabs .tabs__item {
|
||||
color: var(--ifm-code-tabs-color);
|
||||
font-weight: 600;
|
||||
font-size: 13px;
|
||||
padding: 0 12px;
|
||||
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;
|
||||
@@ -77,16 +66,23 @@ html[data-theme="dark"] .docusaurus-highlight-code-line {
|
||||
}
|
||||
|
||||
.code-title {
|
||||
font-size: 13px;
|
||||
line-height: var(--ifm-line-height-base);
|
||||
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 {
|
||||
border-color: #393939;
|
||||
background-color: var(--ifm-code-tabs-active-bg);
|
||||
color: var(--ifm-code-tabs-active-color);
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.theme-code-block:not(.no-header-block),
|
||||
@@ -103,19 +99,22 @@ html[data-theme="dark"] .docusaurus-highlight-code-line {
|
||||
}
|
||||
|
||||
.code-action {
|
||||
--ifm-icon-color: var(--medusa-code-block-action);
|
||||
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
padding: 4px;
|
||||
cursor: pointer;
|
||||
border-radius: 8px;
|
||||
border-radius: var(--ifm-global-radius);
|
||||
}
|
||||
|
||||
.code-action:hover {
|
||||
background-color: var(--ifm-code-action-hover-bg);
|
||||
.code-action:hover,
|
||||
.tabs__item:hover {
|
||||
background-color: var(--ifm-code-action-hover-bg) !important;
|
||||
}
|
||||
|
||||
.code-action:not(:first-child) {
|
||||
margin-left: 8px;
|
||||
margin-left: calc(var(--ifm-base-spacing) / 2);
|
||||
}
|
||||
|
||||
a.code-action {
|
||||
@@ -124,39 +123,19 @@ a.code-action {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.code-action img {
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
/* .theme-code-block:not(.no-header-block) [class*=buttonGroup] {
|
||||
display: none;
|
||||
} */
|
||||
|
||||
.theme-code-block [class*=buttonGroup] button {
|
||||
opacity: 1 !important;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.copy-action {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
[data-theme="dark"] .code-header,
|
||||
[data-theme="dark"] .theme-code-block {
|
||||
border: 1px solid var(--ifm-code-border-color);
|
||||
.code-header,
|
||||
.theme-code-block {
|
||||
border: 1px solid var(--ifm-code-block-border-color);
|
||||
}
|
||||
|
||||
[data-theme="dark"] .code-header {
|
||||
.code-header {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
html:not([data-theme="dark"]) .theme-code-block:not(.no-header-block) {
|
||||
--ifm-code-border-color: #393939;
|
||||
|
||||
border-top: 1px solid var(--ifm-code-border-color);
|
||||
}
|
||||
|
||||
.theme-code-block.no-header-block code:not(.thin-code),
|
||||
.theme-code-block:not(.no-header-block) code {
|
||||
padding: var(--ifm-pre-padding);
|
||||
@@ -164,6 +143,12 @@ html:not([data-theme="dark"]) .theme-code-block:not(.no-header-block) {
|
||||
|
||||
.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) {
|
||||
@@ -172,13 +157,14 @@ html:not([data-theme="dark"]) .theme-code-block:not(.no-header-block) {
|
||||
}
|
||||
|
||||
.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, #17171700, #262626 24px);
|
||||
background: linear-gradient(90deg, var(--ifm-pre-background-transparent), var(--ifm-pre-background) 24px);
|
||||
}
|
||||
|
||||
.prism-code:not(:hover)::-webkit-scrollbar-thumb,
|
||||
@@ -190,9 +176,23 @@ html:not([data-theme="dark"]) .theme-code-block:not(.no-header-block) {
|
||||
.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;
|
||||
}
|
||||
|
||||
@@ -1,74 +0,0 @@
|
||||
/* color mode button */
|
||||
.color-mode-tabs {
|
||||
background-color: var(--mode-tabs-bg);
|
||||
border-radius: 8px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
padding-left: 2px !important;
|
||||
padding-right: 2px !important;
|
||||
}
|
||||
|
||||
.color-mode-tabs.mobile {
|
||||
width: fit-content;
|
||||
}
|
||||
|
||||
.pill-button {
|
||||
border-radius: 6px;
|
||||
box-shadow: none;
|
||||
cursor: pointer;
|
||||
box-sizing: content-box;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
line-height: 24px;
|
||||
height: calc(100% - 8px);
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.pill-button:not(.active) {
|
||||
color: var(--mode-button-text-color);
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.pill-button.active {
|
||||
color: var(--mode-button-active-text-color);
|
||||
background-color: var(--mode-button-active-bg);
|
||||
border: 1px solid var(--mode-button-active-border-color);
|
||||
}
|
||||
|
||||
/* some style rules for dark mode */
|
||||
|
||||
[data-theme="dark"] .breadcrumbs__item--active a {
|
||||
background-color: var(--ifm-color-gray-800) !important;
|
||||
color: var(--ifm-color-primary-lightest) !important;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
[data-theme="dark"] a:hover {
|
||||
color: var(--ifm-menu-active);
|
||||
}
|
||||
|
||||
@media screen and (min-width: 992px) {
|
||||
.color-mode-tabs {
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.pill-button {
|
||||
width: 64px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 991px) {
|
||||
.color-mode-tabs {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.pill-button {
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
}
|
||||
+253
-103
@@ -1,66 +1,56 @@
|
||||
.DocSearch {
|
||||
--docsearch-searchbox-focus-background: var(--docsearch-searchbox-background);
|
||||
}
|
||||
|
||||
html:not([data-theme="dark"]) .DocSearch {
|
||||
--ifm-search-bar-border-color: #E5E7EB;
|
||||
--docsearch-searchbox-background: #F9FAFB;
|
||||
}
|
||||
|
||||
[data-theme="dark"] .DocSearch {
|
||||
--ifm-search-bar-border-color: #2D2D2D;
|
||||
--docsearch-searchbox-background: #222222;
|
||||
}
|
||||
|
||||
/* Search Modal */
|
||||
.DocSearch-Modal {
|
||||
border-radius: 8px !important;
|
||||
border: 1px solid var(--docsearch-modal-border-color);
|
||||
border-radius: var(--ifm-global-radius) !important;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* .DocSearch-Modal:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 64px;
|
||||
background: var(--docsearch-modal-fade-bg);
|
||||
border-radius: 8px !important;
|
||||
z-index: 99;
|
||||
} */
|
||||
|
||||
.DocSearch-HitsFooter {
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
[data-theme="dark"] .DocSearch-Form {
|
||||
--docsearch-searchbox-focus-background: #2D2D2D;
|
||||
.DocSearch-SearchBar {
|
||||
padding: 0 !important
|
||||
}
|
||||
|
||||
.DocSearch-Form {
|
||||
border-radius: 8px !important;
|
||||
border: 1px solid;
|
||||
}
|
||||
--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);
|
||||
|
||||
.DocSearch-MagnifierLabel, .DocSearch-Reset {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: var(--ifm-global-radius) var(--ifm-global-radius) 0 0 !important;
|
||||
border-bottom: 1px solid;
|
||||
}
|
||||
|
||||
.DocSearch-LoadingIndicator svg, .DocSearch-MagnifierLabel svg {
|
||||
width: 15px !important;
|
||||
height: 15px !important;
|
||||
width: 20px !important;
|
||||
height: 20px !important;
|
||||
}
|
||||
|
||||
.DocSearch-Input {
|
||||
font-size: var(--ifm-font-size-base) !important;
|
||||
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: #9CA3AF;
|
||||
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 {
|
||||
@@ -68,12 +58,18 @@ html:not([data-theme="dark"]) .DocSearch {
|
||||
}
|
||||
|
||||
.DocSearch-Hit {
|
||||
margin-bottom: 12px;
|
||||
padding-bottom: 0 !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.DocSearch-Hit-icon {
|
||||
position: relative;
|
||||
.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 {
|
||||
@@ -81,27 +77,34 @@ html:not([data-theme="dark"]) .DocSearch {
|
||||
}
|
||||
|
||||
.DocSearch-Hit:not(.DocSearch-Hit--Child) .DocSearch-Hit-icon::before {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
content: '';
|
||||
background-image: url('/img/search-hit.png');
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: contain;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.DocSearch-Hit-Container {
|
||||
align-items: flex-start !important;
|
||||
[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: 18px 16px !important;
|
||||
padding: var(--docsearch-spacing) !important;
|
||||
box-shadow: none !important;
|
||||
border-radius: 8px !important;
|
||||
border: 1px solid var(--docsearch-hit-border-color);
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
|
||||
.DocSearch-Hit:not(:last-of-type) a {
|
||||
border-bottom: 1px solid var(--docsearch-hit-border-color);
|
||||
}
|
||||
|
||||
.DocSearch-Hit-content-wrapper {
|
||||
@@ -111,56 +114,165 @@ html:not([data-theme="dark"]) .DocSearch {
|
||||
.DocSearch-Hit-title,
|
||||
.DocSearch-Hit-title mark {
|
||||
color: var(--docsearch-hit-title-color) !important;
|
||||
font-weight: 600 !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-title,
|
||||
.DocSearch-Hit-path,
|
||||
.DocSearch-Hit-source {
|
||||
font-size: var(--ifm-font-size-base) !important;
|
||||
line-height: var(--ifm-line-height-base);
|
||||
.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-action {
|
||||
align-self: center;
|
||||
.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-action svg,
|
||||
.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-action svg {
|
||||
color: var(--docsearch-hit-icon-color) !important;
|
||||
.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] span.DocSearch-Hit-path {
|
||||
color: var(--docsearch-highlight-color) !important;
|
||||
.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-source {
|
||||
margin-bottom: 12px !important;
|
||||
.DocSearch-Hit-Tree {
|
||||
color: var(--docsearch-tree-color);
|
||||
}
|
||||
|
||||
.DocSearch-Hits:first-child .DocSearch-Hit-source {
|
||||
margin-top: 12px !important
|
||||
.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Tree {
|
||||
color: var(--docsearch-tree-hover-color);
|
||||
}
|
||||
|
||||
.DocSearch-Hits .DocSearch-Hit-source {
|
||||
padding-top: 0 !important;
|
||||
.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%;
|
||||
border-radius: 8px !important;
|
||||
border: 1px solid var(--ifm-search-bar-border-color) !important;
|
||||
padding: 8px !important;
|
||||
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 {
|
||||
@@ -171,35 +283,56 @@ span.DocSearch-Button-Key {
|
||||
z-index: 1001 !important;
|
||||
}
|
||||
|
||||
html:not([data-theme="dark"]) .DocSearch-Button .DocSearch-Search-Icon {
|
||||
--docsearch-text-color: #9CA3AF;
|
||||
}
|
||||
|
||||
[data-theme="dark"] .DocSearch-Button .DocSearch-Search-Icon {
|
||||
--docsearch-text-color: #737373;
|
||||
}
|
||||
|
||||
.DocSearch-Button .DocSearch-Search-Icon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
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 {
|
||||
font-size: 13px !important;
|
||||
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: 4px !important;
|
||||
font-weight: 600 !important;
|
||||
font-size: 12px !important;
|
||||
line-height: 20px !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;
|
||||
height: 20px !important;
|
||||
width: 20px !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,
|
||||
@@ -207,13 +340,17 @@ html:not([data-theme="dark"]) .DocSearch-Button .DocSearch-Search-Icon {
|
||||
border-color: var(--docsearch-searchbox-border-color) !important;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 992px) {
|
||||
.navbar__items [class*=searchBox] {
|
||||
display: none;
|
||||
}
|
||||
/* Search Page */
|
||||
.search-page-wrapper article[class*=searchResultItem] {
|
||||
max-width: unset !important;
|
||||
}
|
||||
|
||||
.DocSearch-Button .DocSearch-Search-Icon {
|
||||
margin-right: 8px;
|
||||
@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;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -230,4 +367,17 @@ html:not([data-theme="dark"]) .DocSearch-Button .DocSearch-Search-Icon {
|
||||
.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,3 +1,9 @@
|
||||
.main-wrapper {
|
||||
max-width: var(--ifm-max-content-width);
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.theme-doc-breadcrumbs {
|
||||
display: none;
|
||||
}
|
||||
@@ -7,7 +13,11 @@ article {
|
||||
}
|
||||
|
||||
.padding-top--md {
|
||||
padding-top: 2rem !important;
|
||||
padding-top: 48px !important;
|
||||
}
|
||||
|
||||
.margin-bottom--lg {
|
||||
margin-bottom: calc(var(--ifm-base-margin-vertical) / 2) !important;
|
||||
}
|
||||
|
||||
.pagination-nav {
|
||||
@@ -16,22 +26,33 @@ article {
|
||||
max-width: var(--ifm-docs-page-max-width);
|
||||
}
|
||||
|
||||
.col {
|
||||
margin-top: 10px !important;
|
||||
}
|
||||
|
||||
details summary {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.reference-table {
|
||||
display: table !important;
|
||||
table-layout: fixed;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.reference-table p {
|
||||
--ifm-paragraph-margin-bottom: 0;
|
||||
}
|
||||
|
||||
.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: 40%;
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.reference-table th:nth-child(3),
|
||||
.reference-table td:nth-child(3) {
|
||||
width: 50%;
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
.reference-table .tooltip-container code {
|
||||
@@ -44,6 +65,10 @@ details summary {
|
||||
white-space: break-spaces;
|
||||
}
|
||||
|
||||
.reference-table [class*=codeBlockLinesWithNumbering] {
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.container:not(.footer-container) {
|
||||
padding-top: 38px !important;
|
||||
max-width: 100% !important;
|
||||
@@ -54,14 +79,13 @@ details summary {
|
||||
}
|
||||
|
||||
/* User Guide Styling */
|
||||
html[data-theme="dark"] kbd {
|
||||
--ifm-color-emphasis-0: var(--ifm-color-gray-200);
|
||||
}
|
||||
|
||||
kbd {
|
||||
--ifm-color-emphasis-800: var(--ifm-color-gray-800);
|
||||
|
||||
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 {
|
||||
@@ -73,7 +97,6 @@ kbd {
|
||||
.markdown-doc-wrapper {
|
||||
margin: 0 auto;
|
||||
max-width: var(--ifm-container-width);
|
||||
padding: 0 var(--ifm-spacing-horizontal);
|
||||
width: 100%;
|
||||
margin-left: auto !important;
|
||||
}
|
||||
@@ -92,45 +115,44 @@ kbd {
|
||||
padding-top: var(--ifm-base-margin-vertical);
|
||||
}
|
||||
|
||||
html:not([data-theme="dark"]) .doc-footer {
|
||||
--ifm-doc-footer-border-color: #E5E7EB;
|
||||
}
|
||||
|
||||
[data-theme="dark"] .doc-footer {
|
||||
--ifm-doc-footer-border-color: #3E3F41;
|
||||
}
|
||||
|
||||
.theme-edit-this-page {
|
||||
display: inline-flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
padding: 6px 16px;
|
||||
border-radius: 8px;
|
||||
padding: 6px 12px;
|
||||
border-radius: var(--ifm-global-radius);
|
||||
cursor: pointer;
|
||||
font-weight: 600;
|
||||
background-color: var(--ifm-primary-btn-background-color);
|
||||
border: 1px solid var(--ifm-primary-btn-border-color);
|
||||
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-primary-btn-color);
|
||||
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: 12px;
|
||||
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: 600 !important;
|
||||
font-weight: 400 !important;
|
||||
}
|
||||
|
||||
.medium-zoom-overlay {
|
||||
@@ -149,16 +171,35 @@ details > div {
|
||||
--docusaurus-details-decoration-color: transparent !important;
|
||||
}
|
||||
|
||||
@media (min-width: 1440px) {
|
||||
.markdown-doc-wrapper {
|
||||
max-width: var(--ifm-container-width-xl) !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 (min-width: 966px) {
|
||||
[class*=docItemContainer] > article {
|
||||
margin-left: 50px;
|
||||
margin-right: 50px;
|
||||
max-width: none
|
||||
@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);
|
||||
}
|
||||
}
|
||||
@@ -1,48 +1,27 @@
|
||||
.footer__title {
|
||||
font-weight: 600 !important;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.footer__item:not(:last-child) {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
footer.footer {
|
||||
background-color: transparent !important;
|
||||
border-top: 1px solid var(--ifm-footer-border-color);
|
||||
padding-top: calc(var(--ifm-base-margin-vertical) * 2);
|
||||
padding-bottom: calc(var(--ifm-base-margin-vertical) * 3);
|
||||
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;
|
||||
}
|
||||
|
||||
.logo-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.footer-container .col {
|
||||
padding-left: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
.footer__copyright {
|
||||
margin-left: 16px;
|
||||
footer .social-links {
|
||||
--ifm-icon-color: var(--ifm-footer-social-icons-color);
|
||||
}
|
||||
|
||||
.footer__link-item {
|
||||
line-height: var(--ifm-line-height-base);
|
||||
font-size: var(--ifm-font-size-base);
|
||||
}
|
||||
|
||||
html:not([data-theme="dark"]) .footer__item svg {
|
||||
color: #9CA3AF;
|
||||
}
|
||||
|
||||
[data-theme="dark"] .footer__item svg {
|
||||
color: #737373;
|
||||
}
|
||||
|
||||
.social-logo-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
footer .social-link:hover {
|
||||
--ifm-icon-color: var(--ifm-footer-social-icons-color-hover);
|
||||
}
|
||||
|
||||
.social-links {
|
||||
@@ -51,28 +30,7 @@ html:not([data-theme="dark"]) .footer__item svg {
|
||||
}
|
||||
|
||||
.social-link:not(:first-child) {
|
||||
margin-left: 16px;
|
||||
}
|
||||
|
||||
.discord-icon {
|
||||
width: 18px;
|
||||
height: 14px;
|
||||
}
|
||||
|
||||
.twitter-icon {
|
||||
width: 18px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.github-icon {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 992px) {
|
||||
.social-logo-container {
|
||||
justify-content: space-between;
|
||||
}
|
||||
margin-left: var(--ifm-base-spacing);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 991px) {
|
||||
@@ -80,6 +38,10 @@ html:not([data-theme="dark"]) .footer__item svg {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.footer-container .row--justify-end {
|
||||
justify-content: start;
|
||||
}
|
||||
|
||||
.logo-container {
|
||||
margin-bottom: var(--ifm-base-margin-vertical);
|
||||
}
|
||||
|
||||
@@ -0,0 +1,207 @@
|
||||
/** 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;
|
||||
}
|
||||
|
||||
/** 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;
|
||||
}
|
||||
@@ -1,89 +1,88 @@
|
||||
html[data-theme="dark"] .navbar-github-link:before {
|
||||
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
|
||||
no-repeat;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
z-index: calc(var(--ifm-z-index-overlay) - 1);
|
||||
padding-top: var(--ifm-navbar-padding-top);
|
||||
padding-bottom: var(--ifm-navbar-padding-bottom);
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
|
||||
.navbar:not(.navbar-sidebar--show) {
|
||||
html:not(.plugin-redoc) .navbar:not(.navbar-sidebar--show) {
|
||||
background: none;
|
||||
backdrop-filter: blur(14px);
|
||||
backdrop-filter: blur(12px);
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-github-link:before {
|
||||
content: "";
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
display: flex;
|
||||
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
|
||||
no-repeat;
|
||||
}
|
||||
|
||||
.navbar__link svg {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.navbar__link {
|
||||
font-size: 13px;
|
||||
line-height: 24px;
|
||||
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__item {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
.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__items {
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
.navbar__item.dropdown > .navbar__link,
|
||||
.external-link .navbar__item {
|
||||
vertical-align: text-top;
|
||||
.navbar__brand {
|
||||
margin-right: calc(var(--ifm-base-spacing) * 2);
|
||||
}
|
||||
|
||||
.navbar__logo {
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
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;
|
||||
}
|
||||
|
||||
.navbar__logo {
|
||||
height: auto;
|
||||
[class*=colorModeToggle] {
|
||||
margin-left: var(--ifm-navbar-item-padding-horizontal);
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
.navbar__link--active {
|
||||
font-weight: 600;
|
||||
[class*=toggleButton] {
|
||||
border-radius: var(--ifm-global-radius) !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media screen and (min-width: 992px) {
|
||||
.navbar .right-divider {
|
||||
height: 100%;
|
||||
}
|
||||
.navbar .right-divider:after {
|
||||
content: '';
|
||||
@media screen and (min-width: 992px) {
|
||||
.navbar .divider {
|
||||
height: 20px;
|
||||
width: 1px;
|
||||
margin-left: 12px;
|
||||
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);
|
||||
}
|
||||
}
|
||||
|
||||
html:not([data-theme="dark"]) .navbar .right-divider:after {
|
||||
background-color: #D1D5DB;
|
||||
}
|
||||
|
||||
[data-theme="dark"] .navbar .right-divider:after {
|
||||
background-color: #393939;
|
||||
@media screen and (max-width: 991px) {
|
||||
.navbar-actions {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@@ -1,14 +1,14 @@
|
||||
.alert {
|
||||
padding: 16px;
|
||||
padding: var(--ifm-base-spacing);
|
||||
border: 1px solid var(--ifm-note-border-color) !important;
|
||||
background-color: var(--ifm-note-background);
|
||||
border-radius: 8px;
|
||||
border-radius: var(--ifm-global-radius);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.alert p > code {
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
padding-left: calc(var(--ifm-base-spacing) / 2);
|
||||
padding-right: calc(var(--ifm-base-spacing) / 2);
|
||||
font-size: 14px !important;
|
||||
}
|
||||
|
||||
@@ -16,14 +16,9 @@
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
html:not([data-theme="dark"]) [class*=alert--] {
|
||||
--ifm-code-background: #F9FAFB !important;
|
||||
--ifm-alert-background-color-highlight: #F9FAFB !important;
|
||||
--ifm-link-color: #4B5563 !important;
|
||||
}
|
||||
|
||||
[data-theme="dark"] [class*=alert--] {
|
||||
--ifm-code-background: #222222 !important;
|
||||
--ifm-alert-background-color-highlight: #222222 !important;
|
||||
--ifm-link-color: #8A8A8A !important;
|
||||
[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;
|
||||
}
|
||||
+111
-11
@@ -1,33 +1,133 @@
|
||||
html[data-theme="dark"] .redocusaurus .expanded + tr > td > div {
|
||||
background-color: var(--ifm-medusa-gray);
|
||||
.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 [data-section-id] > div:nth-child(2) pre {
|
||||
.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: 10px;
|
||||
margin-top: calc(var(--ifm-base-margin-vertical) / 2);
|
||||
}
|
||||
|
||||
html[data-theme="dark"] .redocusaurus h5 + svg {
|
||||
fill: #fff;
|
||||
.redocusaurus h5 + svg {
|
||||
fill: var(--ifm-icon-color);
|
||||
}
|
||||
|
||||
html[data-theme="dark"] .redocusaurus h2 + div + div > div + div {
|
||||
.redocusaurus h2 + div + div > div + div {
|
||||
padding: 8px 9.6px;
|
||||
background-color: var(--ifm-background-surface-color);
|
||||
}
|
||||
|
||||
html[data-theme="dark"] .redocusaurus h2 + div + div > div + div {
|
||||
background-color: #11171a;
|
||||
.redocusaurus h2 + div + div {
|
||||
border-bottom-color: var(--ifm-base-border-color);
|
||||
}
|
||||
|
||||
html[data-theme="dark"] .redocusaurus .menu-content,
|
||||
html[data-theme="dark"] .redocusaurus .menu-content label {
|
||||
.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] > div:nth-child(2) h2, .redocusaurus [data-section-id] > div:nth-child(2) h3, .redocusaurus [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;
|
||||
}
|
||||
+323
-205
@@ -1,243 +1,361 @@
|
||||
.main-wrapper aside {
|
||||
z-index: var(--ifm-z-index-fixed);
|
||||
/** 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);
|
||||
}
|
||||
|
||||
.sidebar-bg {
|
||||
.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%;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
width: 1px;
|
||||
position: absolute;
|
||||
left: 8px;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.sidebar-bg img {
|
||||
width: 100px;
|
||||
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) [class*=theme-doc-sidebar-item-] .menu__link--active::before {
|
||||
height: 20px !important;
|
||||
}
|
||||
|
||||
a.menu__link.menu__link--active.active {
|
||||
padding-left: 16px;
|
||||
.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;
|
||||
}
|
||||
|
||||
a.menu__link--sublist::after,
|
||||
.menu__caret:before {
|
||||
background: var(--ifm-menu-link-sublist-icon) 50% / 1rem 2rem;
|
||||
.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 > a {
|
||||
font-weight: 450;
|
||||
.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;
|
||||
}
|
||||
|
||||
.react-toggle {
|
||||
.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,
|
||||
.redocusaurus .menu-content label {
|
||||
font-weight: 500 !important;
|
||||
font-size: 12px;
|
||||
line-height: 1.7em;
|
||||
position: relative;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.menu__link {
|
||||
display: inline-block;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.theme-doc-sidebar-item-link-level-1 .menu__link,
|
||||
.theme-doc-sidebar-item-category-level-1 .menu__link,
|
||||
.redocusaurus .menu-content label.-depth1,
|
||||
.navbar-sidebar__item .menu__link:not(.navbar-github-link),
|
||||
[class*=theme-doc-sidebar-item-link-level-]:not(.theme-doc-sidebar-item-link-level-1) .menu__link {
|
||||
padding-left: 24px;
|
||||
}
|
||||
|
||||
.redocusaurus .menu-content label {
|
||||
color: var(--ifm-menu-color)
|
||||
}
|
||||
|
||||
.menu__link:hover,
|
||||
.menu__link--active,
|
||||
.menu__list-item-collapsible:hover,
|
||||
.menu__list-item-collapsible--active,
|
||||
.redocusaurus .menu-content label:hover,
|
||||
.redocusaurus .menu-content label.active {
|
||||
background-color: transparent !important;
|
||||
color: var(--ifm-menu-active);
|
||||
}
|
||||
|
||||
.menu__link--active,
|
||||
.menu__list-item-collapsible--active,
|
||||
.redocusaurus .menu-content label.active {
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
|
||||
/* .menu__list,
|
||||
.redocusaurus .menu-content ul {
|
||||
padding-left: 1.7em;
|
||||
padding-right: 1.7em;
|
||||
} */
|
||||
|
||||
a.menu__link--sublist::after {
|
||||
.menu__link--sublist-caret:after {
|
||||
content: none;
|
||||
}
|
||||
|
||||
a.menu__link--sublist + .menu__caret,
|
||||
.redocusaurus .menu-content label svg {
|
||||
display: 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;
|
||||
}
|
||||
|
||||
a.menu__link--sublist::before,
|
||||
.redocusaurus .menu-content label[type=tag].-depth1::before {
|
||||
content: "";
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: 6.8px;
|
||||
transition: transform var(--ifm-transition-fast) linear;
|
||||
position: absolute;
|
||||
.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);
|
||||
}
|
||||
|
||||
html:not([data-theme="dark"]) a.menu__link--sublist::before,
|
||||
html:not([data-theme="dark"]) .redocusaurus .menu-content label[type=tag].-depth1::before {
|
||||
background-image: url('/img/triangle-right.png');
|
||||
.theme-doc-sidebar-item-link-level-1:not(.sidebar-title):not(.homepage-sidebar-item):not(.sidebar-back-link) .menu__link {
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
|
||||
[data-theme="dark"] a.menu__link--sublist::before,
|
||||
[data-theme="dark"] .redocusaurus .menu-content label[type=tag].-depth1::before {
|
||||
background-image: url('/img/triangle-right-dark.png');
|
||||
.menu__list .menu__list {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
html:not([data-theme="dark"]) a.menu__link--sublist:hover::before,
|
||||
html:not([data-theme="dark"]) .redocusaurus .menu-content label[type=tag].-depth1:hover::before,
|
||||
html:not([data-theme="dark"]) a.menu__link--sublist.menu__link--active::before,
|
||||
html:not([data-theme="dark"]) .redocusaurus .menu-content label[type=tag].-depth1.active::before {
|
||||
background-image: url('/img/triangle-right-hover.png');
|
||||
/* .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);
|
||||
}
|
||||
|
||||
[data-theme="dark"] a.menu__link--sublist:hover::before,
|
||||
[data-theme="dark"] .redocusaurus .menu-content label[type=tag].-depth1:hover::before,
|
||||
[data-theme="dark"] a.menu__link--sublist.menu__link--active::before,
|
||||
[data-theme="dark"] .redocusaurus .menu-content label[type=tag].-depth1.active::before {
|
||||
background-image: url('/img/triangle-right-dark-hover.png');
|
||||
}
|
||||
|
||||
.menu__list-item:not(.menu__list-item--collapsed) > .menu__list-item-collapsible > .menu__link--sublist:before {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
.menu__link:not(.menu__link--sublist):not(.navbar-github-link)::before {
|
||||
content: "";
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
background-size: 6px;
|
||||
background-image: url('/img/circle.png');
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
html:not([data-theme="dark"]) .menu__link:not(.menu__link--sublist):hover::before,
|
||||
html:not([data-theme="dark"]) .menu__link:not(.menu__link--sublist).menu__link--active::before {
|
||||
background-image: url('/img/circle-hover.png');
|
||||
}
|
||||
|
||||
[data-theme="dark"] .menu__link:not(.menu__link--sublist):hover::before,
|
||||
[data-theme="dark"] .menu__link:not(.menu__link--sublist).menu__link--active::before {
|
||||
background-image: url('/img/circle-dark-hover.png');
|
||||
}
|
||||
|
||||
[class*=theme-doc-sidebar-item-link-level-]:not(.theme-doc-sidebar-item-link-level-1) .menu__link::before,
|
||||
[class*=theme-doc-sidebar-item-link-level-]:not(.theme-doc-sidebar-item-link-level-1) a.menu__link--sublist::before,
|
||||
[class*=theme-doc-sidebar-item-category-level-]:not(.theme-doc-sidebar-item-category-level-1) .menu__link::before,
|
||||
[class*=theme-doc-sidebar-item-category-level-]:not(.theme-doc-sidebar-item-category-level-1) a.menu__link--sublist::before {
|
||||
left: 5px;
|
||||
}
|
||||
|
||||
.theme-doc-sidebar-item-link-level-1 .menu__link::before,
|
||||
.theme-doc-sidebar-item-link-level-1 a.menu__link--sublist::before,
|
||||
.theme-doc-sidebar-item-category-level-1 .menu__link::before,
|
||||
.theme-doc-sidebar-item-category-level-1 a.menu__link--sublist::before,
|
||||
.redocusaurus .menu-content label[type=tag].-depth1::before,
|
||||
.navbar-sidebar__item .menu__link::before {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.redocusaurus .menu-content label::before {
|
||||
top: 35%;
|
||||
}
|
||||
|
||||
a.menu__link--sublist::before,
|
||||
.theme-doc-sidebar-item-link-level-1 .menu__link::before,
|
||||
.menu__link:not(.menu__link--sublist)::before {
|
||||
top: 21%;
|
||||
}
|
||||
|
||||
.menu__list-item > .menu__list-item-collapsible + .menu__list {
|
||||
transition-property: opacity, height !important;
|
||||
transition-duration: 350ms !important;
|
||||
transition-timing-function: ease-in-out !important;
|
||||
will-change: opacity, height !important;
|
||||
opacity: 0;
|
||||
display: block !important;
|
||||
height: 0;
|
||||
transition-delay: 100ms, 0s !important;
|
||||
}
|
||||
|
||||
.menu__list-item:not(.menu__list-item--collapsed) > .menu__list-item-collapsible + .menu__list {
|
||||
opacity: 1;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.menu__list-item.alert-icon .menu__link::before {
|
||||
background-image: url('/img/alert.svg');
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
top: 19%;
|
||||
}
|
||||
|
||||
html:not([data-theme="dark"]) .menu__list-item.alert-icon .menu__link:hover::before,
|
||||
html:not([data-theme="dark"]) .menu__list-item.alert-icon .menu__link.menu__link--active::before {
|
||||
background-image: url('/img/alert-hover.svg');
|
||||
}
|
||||
|
||||
[data-theme="dark"] .menu__list-item.alert-icon .menu__link:hover::before,
|
||||
[data-theme="dark"] .menu__list-item.alert-icon .menu__link.menu__link--active::before {
|
||||
background-image: url('/img/alert-hover-dark.svg');
|
||||
}
|
||||
|
||||
.menu__list-item.topright-icon .menu__link::before {
|
||||
background-image: url('/img/arrow-top-right.svg');
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
top: 19%;
|
||||
}
|
||||
|
||||
html:not([data-theme="dark"]) .menu__list-item.topright-icon .menu__link:hover::before,
|
||||
html:not([data-theme="dark"]) .menu__list-item.topright-icon .menu__link.menu__link--active::before {
|
||||
background-image: url('/img/arrow-top-right-hover.svg');
|
||||
}
|
||||
|
||||
[data-theme="dark"] .menu__list-item.topright-icon .menu__link:hover::before,
|
||||
[data-theme="dark"] .menu__list-item.topright-icon .menu__link.menu__link--active::before {
|
||||
background-image: url('/img/arrow-top-right-hover-dark.svg');
|
||||
}
|
||||
|
||||
.menu__list-item.alert-icon [class*=iconExternalLink],
|
||||
.menu__list-item.topright-icon [class*=iconExternalLink] {
|
||||
display: none;
|
||||
/** 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);
|
||||
}
|
||||
|
||||
.navbar-github-link {
|
||||
overflow: visible;
|
||||
.sidebar-group-divider:first-child {
|
||||
padding-top: 6px !important;
|
||||
}
|
||||
|
||||
.sidebar-desktop:not(.scrolling) nav::-webkit-scrollbar {
|
||||
--ifm-scrollbar-size: 0px;
|
||||
.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;
|
||||
}
|
||||
}
|
||||
+22
-26
@@ -1,3 +1,7 @@
|
||||
.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;
|
||||
@@ -7,21 +11,23 @@
|
||||
}
|
||||
|
||||
html:not([data-theme="dark"]) .theme-doc-toc-desktop .table-of-contents::before {
|
||||
background-image: url('/img/side-menu.svg');
|
||||
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-dark.svg');
|
||||
background-image: url('/img/side-menu.svg');
|
||||
}
|
||||
|
||||
.theme-doc-toc-desktop .table-of-contents::before {
|
||||
background-repeat: no-repeat;
|
||||
background-size: 20px;
|
||||
background-position-x: -1px;
|
||||
padding-left: 28px;
|
||||
background-size: 14px 10px;
|
||||
background-position-y: center;
|
||||
padding-left: 22px;
|
||||
content: 'On this page';
|
||||
font-size: 13px;
|
||||
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 {
|
||||
@@ -29,7 +35,7 @@ html:not([data-theme="dark"]) .theme-doc-toc-desktop .table-of-contents::before
|
||||
}
|
||||
|
||||
.theme-doc-toc-desktop .table-of-contents > li:first-child {
|
||||
margin-top: 16px;
|
||||
margin-top: calc(var(--ifm-base-margin-vertical) / 2);
|
||||
}
|
||||
|
||||
.theme-doc-toc-desktop .table-of-contents::after {
|
||||
@@ -42,8 +48,15 @@ html:not([data-theme="dark"]) .theme-doc-toc-desktop .table-of-contents::before
|
||||
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,
|
||||
@@ -64,15 +77,6 @@ html:not([data-theme="dark"]) .theme-doc-toc-desktop .table-of-contents::before
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.theme-doc-toc-desktop .toc-wrapper {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.theme-doc-toc-desktop .markdown-row {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.theme-doc-toc-desktop .table-of-contents li {
|
||||
margin-left: 0px;
|
||||
margin-right: 0px;
|
||||
@@ -99,14 +103,6 @@ html:not([data-theme="dark"]) .theme-doc-toc-desktop .table-of-contents::before
|
||||
padding-left: calc(var(--ifm-toc-padding-horizontal) + var(--ifm-toc-link-padding-left)) !important;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1441px) {
|
||||
.col.toc-wrapper {
|
||||
--ifm-col-width: calc(2 / 12 * 100%)
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1440px) {
|
||||
.col.toc-wrapper {
|
||||
--ifm-col-width: calc(3 / 12 * 100%)
|
||||
}
|
||||
.col.toc-wrapper {
|
||||
--ifm-col-width: var(--ifm-toc-width);
|
||||
}
|
||||
@@ -1,11 +1,11 @@
|
||||
.react-tooltip {
|
||||
border: 1px solid var(--ifm-tooltip-border-color) !important;
|
||||
border-radius: 8px !important;
|
||||
font-size: 12px !important;
|
||||
font-weight: 500 !important;
|
||||
line-height: 20px !important;
|
||||
box-shadow: 0px 2px 16px var(--ifm-tooltip-box-shadow-color) !important;
|
||||
padding: 8px 16px !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 {
|
||||
|
||||
@@ -1,73 +1,85 @@
|
||||
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);
|
||||
}
|
||||
|
||||
p {
|
||||
font-weight: 400;
|
||||
.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);
|
||||
}
|
||||
|
||||
.theme-doc-markdown a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.markdown h1:first-child {
|
||||
font-size: 30px !important;
|
||||
.markdown > h1:first-child,
|
||||
.markdown > h2,
|
||||
.markdown > h3 {
|
||||
margin-bottom: calc(var(--ifm-base-margin-vertical) / 4);
|
||||
}
|
||||
|
||||
.markdown > h2 {
|
||||
font-size: 24px !important;
|
||||
--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 a,
|
||||
.markdown a:hover {
|
||||
color: var(--ifm-link-color);
|
||||
}
|
||||
|
||||
.markdown a:not(.hash-link) {
|
||||
.markdown a:not(.hash-link),
|
||||
.DocSearch-Prefill {
|
||||
font-weight: var(--ifm-link-weight);
|
||||
}
|
||||
|
||||
.markdown a:not(.hash-link):not(.card):not(.img-url):after {
|
||||
display: inline-block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
content: '';
|
||||
vertical-align: middle;
|
||||
.markdown p + img,
|
||||
.markdown .alert,
|
||||
.markdown .code-wrapper {
|
||||
margin-bottom: var(--ifm-base-margin-vertical);
|
||||
}
|
||||
|
||||
html:not([data-theme="dark"]) .markdown a:not(.hash-link):not(.card):not(.img-url):after {
|
||||
background-image: url('/img/link-icon.svg');
|
||||
}
|
||||
|
||||
[data-theme="dark"] .markdown a:not(.hash-link):not(.card):not(.img-url):after {
|
||||
background-image: url('/img/link-icon-dark.svg');
|
||||
}
|
||||
|
||||
.markdown p + h2,
|
||||
.markdown .alert + h2 {
|
||||
margin-top: calc(var(--ifm-base-margin-vertical) * 2);
|
||||
}
|
||||
|
||||
.markdown p + .alert {
|
||||
.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: calc(var(--ifm-base-margin-vertical) * 2);
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.markdown p + p > img:not(.ui-icon) {
|
||||
@@ -76,4 +88,13 @@ html:not([data-theme="dark"]) .markdown a:not(.hash-link):not(.card):not(.img-ur
|
||||
|
||||
p + img:not(.ui-icon) {
|
||||
margin-bottom: calc(var(--ifm-base-margin-vertical) * 2);
|
||||
}
|
||||
|
||||
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);
|
||||
}
|
||||
+219
-175
@@ -5,241 +5,285 @@
|
||||
:root {
|
||||
/* Base Styles */
|
||||
--ifm-global-radius: 8px;
|
||||
--ifm-hr-background-color: #E5E7EB;
|
||||
--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: calc(var(--ifm-base-margin-vertical) * 2);
|
||||
--ifm-hr-margin-vertical: var(--ifm-base-margin-vertical);
|
||||
--ifm-leading: 24px;
|
||||
--ifm-logo-width: 83px;
|
||||
--ifm-logo-height: 20px;
|
||||
|
||||
/* Colors */
|
||||
--ifm-color-primary: #111827;
|
||||
--ifm-medusa-gray: #f0f0f0;
|
||||
--ifm-color-content: #6B7280;
|
||||
--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);
|
||||
|
||||
/* Fonts */
|
||||
--ifm-code-font-size: 14px;
|
||||
--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: 14px;
|
||||
--ifm-line-height-base: 24px;
|
||||
--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);
|
||||
|
||||
/* Headings */
|
||||
--ifm-color-headers: #111827;
|
||||
--ifm-heading-font-weight: 600;
|
||||
--ifm-heading-line-height: 24px;
|
||||
--ifm-h1-font-size: 30px;
|
||||
--ifm-h1-line-height: 48px;
|
||||
--ifm-h2-font-size: 24px;
|
||||
--ifm-h2-line-height: 36px;
|
||||
--ifm-h4-font-size: 14px;
|
||||
/** Due to how docusaurus styles headings, the variables are set again in _typography.css **/
|
||||
--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-h4-font-size: var(--ifm-font-size-base);
|
||||
|
||||
/* Links */
|
||||
--ifm-link-color: #4B5563;
|
||||
--ifm-link-weight: 600;
|
||||
--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: 250px !important;
|
||||
--ifm-menu-active: #111827;
|
||||
--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: 850px;
|
||||
--ifm-docs-page-max-width: var(--ifm-container-width-xl);
|
||||
--ifm-max-content-width: 1419px;
|
||||
|
||||
/* Toc */
|
||||
--ifm-toc-border-color: #f0f0f0;
|
||||
--ifm-toc-link-color: #6B7280;
|
||||
--ifm-toc-padding-horizontal: 9px;
|
||||
--ifm-toc-link-active: #111827;
|
||||
--ifm-toc-divider-color: #E5E7EB;
|
||||
--ifm-toc-link-padding-left: 16px;
|
||||
--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;
|
||||
|
||||
/* Navbar */
|
||||
--ifm-navbar-shadow: 0px 1px 0px 0px #E5E7EB;
|
||||
--ifm-navbar-padding-top: 16px;
|
||||
--ifm-navbar-padding-bottom: 17px;
|
||||
--ifm-navbar-padding-vertical: 16px;
|
||||
--ifm-navbar-background-color: var(--ifm-background-color);
|
||||
--ifm-navbar-shadow: 0px 1px 0px 0px var(--medusa-border-base);
|
||||
--ifm-navbar-padding-vertical: 12px;
|
||||
--ifm-navbar-padding-horizontal: 24px;
|
||||
--ifm-navbar-item-padding-vertical: 6px;
|
||||
--ifm-navbar-item-padding-horizontal: 16px;
|
||||
--ifm-navbar-height: 57px;
|
||||
--ifm-navbar-link-hover-color: #111827;
|
||||
--ifm-navbar-link-color: #6B7280;
|
||||
--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 */
|
||||
--mode-tabs-bg: #F3F4F6;
|
||||
--mode-button-text-color: #6B7280;
|
||||
--mode-button-active-bg: #FFFFFF;
|
||||
--mode-button-active-border-color: #E5E7EB;
|
||||
--mode-button-active-text-color: #111827;
|
||||
--ifm-color-mode-icon-color: var(--medusa-icon-secondary);
|
||||
|
||||
/* Screen Width */
|
||||
--ifm-container-width-xl: 960px;
|
||||
|
||||
/* Notes */
|
||||
--ifm-note-background: #F9FAFB;
|
||||
--ifm-note-border-color: #E5E7EB;
|
||||
--ifm-note-text-color: #4B5563;
|
||||
--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);
|
||||
|
||||
/* Code */
|
||||
/* Inline Code */
|
||||
--ifm-code-border-radius: 8px;
|
||||
--ifm-code-padding-horizontal: 8px;
|
||||
--ifm-code-border-color: #E5E7EB;
|
||||
--ifm-code-background: #F9FAFB;
|
||||
--ifm-code-color: #4B5563;
|
||||
--ifm-code-tabs-color: #6F6F6F;
|
||||
--ifm-code-tabs-active-bg: transparent;
|
||||
--ifm-code-tabs-active-color: #F4F4F4;
|
||||
--ifm-code-action-hover-bg: rgba(141, 141, 141, 0.16);
|
||||
--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);
|
||||
|
||||
/* 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;
|
||||
--docusaurus-highlighted-code-line-bg: #393939;
|
||||
--ifm-code-title-color: #737373;
|
||||
--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);
|
||||
|
||||
/* Tabs */
|
||||
--ifm-tabs-color-active: var(--ifm-color-primary);
|
||||
|
||||
/* Tooltip */
|
||||
--ifm-tooltip-background-color: #fff;
|
||||
--ifm-tooltip-border-color: #E5E7EB;
|
||||
--ifm-tooltip-box-shadow-color: rgba(17, 24, 39, 0.08);
|
||||
--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-color-white: var(--ifm-color-content) !important;
|
||||
|
||||
/* Buttons */
|
||||
--ifm-primary-btn-background-color: #fff;
|
||||
--ifm-primary-btn-color: #111827;
|
||||
--ifm-primary-btn-border-color: #E5E7EB;
|
||||
--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-border-color: #E5E7EB;
|
||||
--ifm-footer-logo-max-width: 24px;
|
||||
--ifm-footer-title-color: #111827;
|
||||
--ifm-footer-color: var(--medusa-text-placeholder);
|
||||
--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-background: #F9FAFB !important;
|
||||
--docsearch-modal-background: #fff !important;
|
||||
--docsearch-modal-shadow: none !important;
|
||||
--docsearch-modal-fade-bg: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
|
||||
--docsearch-container-background: rgba(17, 24, 39, 0.4) !important;
|
||||
--docsearch-key-gradient: #E5E7EB !important;
|
||||
--docsearch-muted-color: #6B7280 !important;
|
||||
--docsearch-placeholder-color: #9CA3AF;
|
||||
--docsearch-searchbox-shadow: 0px 0px 0px 4px rgba(124, 58, 237, 0.1) !important;
|
||||
--docsearch-searchbox-border-color: #7C3AED;
|
||||
--docsearch-primary-color: var(--docsearch-searchbox-border-color);
|
||||
--docsearch-searchbox-height: 40px !important;
|
||||
--docsearch-spacing: 16px !important;
|
||||
--docsearch-highlight-color: #6B7280 !important;
|
||||
--docsearch-text-color: #111827 !important;
|
||||
--docsearch-hit-background: #FFFFFF !important;
|
||||
--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-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-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: #F9FAFB;
|
||||
--docsearch-hit-icon-color: #9CA3AF;
|
||||
--docsearch-hit-border-color: #E5E7EB;
|
||||
--docsearch-hit-title-color: #000000;
|
||||
--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 */
|
||||
--ifm-announcement-bar-bg: #FFFFFF;
|
||||
--ifm-announcement-bar-border-color: #E5E7EB;
|
||||
--ifm-announcement-bar-hover-bg: #F9FAFB;
|
||||
--ifm-announcement-bar-icon-bg: #F3F4F6;
|
||||
--ifm-announcement-bar-icon-border-color: var(--ifm-announcement-bar-border-color);
|
||||
--ifm-announcement-bar-title-color: var(--ifm-color-headers);
|
||||
--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: #9CA3AF;
|
||||
--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);
|
||||
--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-stripe-background: var(--ifm-background-surface-color) !important;
|
||||
}
|
||||
|
||||
html[data-theme="dark"] {
|
||||
/* Base Styles */
|
||||
--ifm-hr-background-color: #2D2D2D;
|
||||
|
||||
/* Colors */
|
||||
--ifm-color-primary: #F3F3F3;
|
||||
--ifm-background-color: #161616;
|
||||
--ifm-background-surface-color: #161616;
|
||||
--ifm-medusa-gray: #292929;
|
||||
--ifm-color-content: #8A8A8A;
|
||||
|
||||
/* Headings */
|
||||
--ifm-color-headers: #F3F3F3;
|
||||
|
||||
/* Links */
|
||||
--ifm-link-color: #8A8A8A;
|
||||
|
||||
/* Sidebar */
|
||||
--ifm-menu-color: rgba(255, 255, 255, 0.5);
|
||||
--ifm-menu-active: #fff;
|
||||
--ifm-menu-color-background-hover: var(--medusa-bg-subtle-hover);
|
||||
--ifm-menu-color-background-active: var(--medusa-bg-subtle-pressed);
|
||||
|
||||
/* Toc */
|
||||
--ifm-toc-border-color: #333;
|
||||
--ifm-toc-link-active: #F3F3F3;
|
||||
--ifm-toc-link-color: #737373;
|
||||
--ifm-toc-divider-color: #393939;
|
||||
/* Colors */
|
||||
--ifm-background-color: var(--medusa-bg-subtle);
|
||||
--ifm-background-surface-color: var(--medusa-bg-base);
|
||||
|
||||
/* Navbar */
|
||||
--ifm-navbar-background-color: #161616;
|
||||
--ifm-navbar-shadow: 0px 1px 0px 0px #2D2D2D;
|
||||
--ifm-navbar-link-hover-color: #F3F3F3;
|
||||
--ifm-navbar-link-color: #8A8A8A;
|
||||
/* 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);
|
||||
|
||||
/* Color Mode toggler */
|
||||
--mode-tabs-bg: #222222;
|
||||
--mode-button-text-color: #8A8A8A;
|
||||
--mode-button-active-bg: #161616;
|
||||
--mode-button-active-border-color: #393939;
|
||||
--mode-button-active-text-color: #F3F3F3;
|
||||
|
||||
/* Notes */
|
||||
--ifm-note-background: #222222;
|
||||
--ifm-note-border-color: #393939;
|
||||
--ifm-note-text-color: #8A8A8A;
|
||||
|
||||
/* Code */
|
||||
--ifm-code-border-color: #393939;
|
||||
--ifm-code-background: #222222;
|
||||
--ifm-code-color: #8A8A8A;
|
||||
--ifm-code-tabs-active-bg: #222222;
|
||||
--ifm-code-tabs-active-color: #F3F3F3;
|
||||
--ifm-code-action-hover-bg: rgba(255, 255, 255, 0.05);
|
||||
|
||||
/* Tooltip */
|
||||
--ifm-tooltip-background-color: #222222;
|
||||
--ifm-tooltip-border-color: #393939;
|
||||
|
||||
/* Buttons */
|
||||
--ifm-primary-btn-background-color: #222222;
|
||||
--ifm-primary-btn-color: #F3F3F3;
|
||||
--ifm-primary-btn-border-color: #393939;
|
||||
|
||||
/* Footer */
|
||||
--ifm-footer-border-color: #3E3F41;
|
||||
--ifm-footer-title-color: #F3F3F3;
|
||||
--ifm-footer-link-color: var(--ifm-color-content);
|
||||
|
||||
/* Search */
|
||||
--docsearch-searchbox-background: #222222 !important;
|
||||
--docsearch-searchbox-focus-background: var(--docsearch-searchbox-background) !important;
|
||||
--docsearch-modal-background: #222222 !important;
|
||||
--docsearch-modal-fade-bg: linear-gradient(180deg, rgba(34, 34, 34, 0) 0%, #222222 100%);
|
||||
--docsearch-container-background: rgba(22, 22, 22, 0.7) !important;
|
||||
--docsearch-key-gradient: #393939 !important;
|
||||
--docsearch-muted-color: #8A8A8A !important;
|
||||
--docsearch-placeholder-color: #686868;
|
||||
--docsearch-searchbox-shadow: 0px 0px 0px 4px rgba(139, 92, 246, 0.2) !important;
|
||||
--docsearch-searchbox-border-color: #8B5CF6;
|
||||
--docsearch-highlight-color: #8A8A8A !important;
|
||||
--docsearch-text-color: #F3F3F3 !important;
|
||||
--docsearch-hit-background: #222222 !important;
|
||||
--docsearch-hit-active-color: var(--docsearch-text-color) !important;
|
||||
--docsearch-hit-active-bg: #2D2D2D;
|
||||
--docsearch-hit-icon-color: #737373;
|
||||
--docsearch-hit-border-color: #393939;
|
||||
--docsearch-hit-title-color: #F3F3F3;
|
||||
/* Cards */
|
||||
--ifm-card-bg-hover: var(--medusa-bg-base-hover);
|
||||
--ifm-card-highlighted-bg-image: url('/img/small-squares-bg.svg');
|
||||
|
||||
/* Announcement Bar */
|
||||
--ifm-announcement-bar-bg: #222222;
|
||||
--ifm-announcement-bar-border-color: #2D2D2D;
|
||||
--ifm-announcement-bar-hover-bg: #2D2D2D;
|
||||
--ifm-announcement-bar-icon-bg: #393939;
|
||||
--ifm-announcement-bar-icon-border-color: #393939;
|
||||
--ifm-announcement-bar-text-color: #737373;
|
||||
--ifm-announcement-bar-hover-bg: var(--medusa-bg-base-hover);
|
||||
|
||||
/* Tabs */
|
||||
--ifm-tabs-color-active: #F3F3F3;
|
||||
/* Large Card */
|
||||
--large-card-bg-hover: var(--medusa-bg-base-hover);
|
||||
--large-card-bg-image: url('/img/squares-bg.svg');
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1441px) {
|
||||
:root {
|
||||
/** Table of Content **/
|
||||
--ifm-toc-width: calc(2 / 12 * 100%);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1440px) {
|
||||
:root {
|
||||
/** Table of Content **/
|
||||
--ifm-toc-width: calc(3 / 12 * 100%);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 997px) {
|
||||
:root {
|
||||
--docusaurus-announcement-bar-height: 30px;
|
||||
}
|
||||
}
|
||||
@@ -1,16 +1,8 @@
|
||||
/* stylelint-disable docusaurus/copyright-header */
|
||||
/**
|
||||
* Any CSS included here will be global. The classic template
|
||||
* bundles Infima by default. Infima is a CSS framework designed to
|
||||
* work well for content-centric websites.
|
||||
*/
|
||||
|
||||
/* You can override the default Infima variables here. */
|
||||
@import url('./_medusa.css');
|
||||
@import url('./_variables.css');
|
||||
|
||||
@import url('./_card.css');
|
||||
@import url('./_code.css');
|
||||
@import url('./_dark.css');
|
||||
@import url('./_docsearch.css');
|
||||
@import url('./_docspage.css');
|
||||
@import url('./_footer.css');
|
||||
|
||||
Reference in New Issue
Block a user