docs: improve tailwind configuration (#5215)
This commit is contained in:
Shahed Nasser
GitHub
@@ -42,7 +42,7 @@ video {
|
||||
}
|
||||
|
||||
.theme-code-block {
|
||||
@apply border border-solid border-medusa-code-border dark:border-medusa-code-border-dark;
|
||||
@apply border border-solid border-medusa-code-border;
|
||||
}
|
||||
|
||||
.markdown p + .card-wrapper {
|
||||
@@ -54,8 +54,7 @@ video {
|
||||
}
|
||||
|
||||
.card-highlighted {
|
||||
|
||||
@apply relative mb-4 bg-medusa-bg-subtle dark:bg-medusa-bg-base-dark hover:bg-medusa-bg-subtle-hover dark:hover:bg-medusa-bg-subtle-hover-dark;
|
||||
@apply relative mb-4 bg-medusa-bg-subtle dark:bg-medusa-bg-base hover:bg-medusa-bg-subtle-hover dark:hover:bg-medusa-bg-base-hover;
|
||||
}
|
||||
|
||||
.col.toc-wrapper {
|
||||
@@ -79,12 +78,12 @@ video {
|
||||
}
|
||||
|
||||
[class*=codeLineNumber] {
|
||||
@apply text-medusa-code-text-subtle dark:text-medusa-code-text-subtle-dark !pl-0;
|
||||
@apply text-medusa-code-text-subtle !pl-0;
|
||||
}
|
||||
|
||||
.prism-code {
|
||||
@apply xs:max-w-[90%] text-code-body [&_*]:text-code-body xs:after:content-[''] xs:after:rounded xs:after:absolute;
|
||||
@apply xs:after:right-0 xs:after:top-0 xs:after:w-[calc(10%+24px)] xs:after:h-full xs:after:bg-code-fade dark:xs:after:bg-code-fade-dark;
|
||||
@apply xs:after:right-0 xs:after:top-0 xs:after:w-[calc(10%+24px)] xs:after:h-full xs:after:bg-code-fade;
|
||||
}
|
||||
|
||||
.prism-code:not(:hover)::-webkit-scrollbar-thumb,
|
||||
@@ -166,7 +165,7 @@ details summary {
|
||||
}
|
||||
|
||||
.theme-code-block {
|
||||
@apply !bg-medusa-code-bg-base dark:!bg-medusa-code-bg-base-dark
|
||||
@apply !bg-medusa-code-bg-base;
|
||||
}
|
||||
|
||||
.reference-table .code-block-numbering {
|
||||
@@ -182,7 +181,7 @@ details summary {
|
||||
}
|
||||
|
||||
.theme-doc-footer {
|
||||
@apply !mt-0 border-0 !border-t border-solid !border-medusa-border-base dark:!border-medusa-border-base-dark;
|
||||
@apply !mt-0 border-0 !border-t border-solid !border-medusa-border-base;
|
||||
@apply pt-2;
|
||||
}
|
||||
|
||||
@@ -216,12 +215,12 @@ details > div {
|
||||
}
|
||||
|
||||
.search-result-match {
|
||||
@apply text-medusa-fg-base dark:text-medusa-fg-base-dark;
|
||||
@apply bg-medusa-bg-highlight dark:bg-medusa-bg-highlight-dark py-0.25 px-0;
|
||||
@apply text-medusa-fg-base;
|
||||
@apply bg-medusa-bg-highlight py-0.25 px-0;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
@apply z-[399] p-0 border-0 border-b border-solid border-medusa-border-base dark:border-medusa-border-base-dark;
|
||||
@apply z-[399] p-0 border-0 border-b border-solid border-medusa-border-base;
|
||||
}
|
||||
|
||||
html:not(.plugin-redoc) .navbar:not(.navbar-sidebar--show) {
|
||||
@@ -257,7 +256,7 @@ h3 {
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
@apply text-medusa-fg-base dark:text-medusa-fg-base-dark;
|
||||
@apply text-medusa-fg-base;
|
||||
}
|
||||
|
||||
.markdown > h1:first-child,
|
||||
@@ -279,7 +278,7 @@ h1, h2, h3, h4, h5, h6 {
|
||||
}
|
||||
|
||||
*::selection {
|
||||
@apply bg-medusa-bg-highlight dark:bg-medusa-bg-highlight-dark;
|
||||
@apply bg-medusa-bg-highlight;
|
||||
}
|
||||
|
||||
.prism-code *::selection, .code-header::selection {
|
||||
|
||||
@@ -11,14 +11,14 @@
|
||||
--font-roboto-mono: "Roboto Mono";
|
||||
|
||||
/* Colors */
|
||||
--ifm-color-primary: theme(colors.medusa.fg.base.DEFAULT);
|
||||
--ifm-color-primary: theme(colors.medusa.fg.base);
|
||||
--ifm-background-color: theme(colors.medusa.bg.base.DEFAULT);
|
||||
--ifm-background-surface-color: theme(colors.medusa.bg.subtle.DEFAULT);
|
||||
--ifm-color-content: theme(colors.medusa.fg.subtle.DEFAULT) !important;
|
||||
--ifm-color-content: theme(colors.medusa.fg.subtle) !important;
|
||||
--ifm-color-content-secondary: var(--ifm-color-content);
|
||||
--ifm-base-border-color: theme(colors.medusa.border.base.DEFAULT);
|
||||
--ifm-strong-border-color: theme(colors.medusa.border.strong.DEFAULT);
|
||||
--ifm-hr-background-color: theme(colors.medusa.border.base.DEFAULT);
|
||||
--ifm-base-border-color: theme(colors.medusa.border.base);
|
||||
--ifm-strong-border-color: theme(colors.medusa.border.strong);
|
||||
--ifm-hr-background-color: theme(colors.medusa.border.base);
|
||||
|
||||
/* Fonts */
|
||||
--ifm-code-font-size: theme(fontSize.code-label);
|
||||
@@ -44,21 +44,21 @@
|
||||
|
||||
/* Links */
|
||||
--ifm-link-color: theme(colors.medusa.fg.interactive.DEFAULT);
|
||||
--ifm-link-hover-color: theme(colors.medusa.fg.interactive.hover.DEFAULT);
|
||||
--ifm-link-hover-color: theme(colors.medusa.fg.interactive.hover);
|
||||
--ifm-link-decoration: none;
|
||||
--ifm-link-hover-decoration: none;
|
||||
|
||||
/* Sidebar */
|
||||
--ifm-menu-link-padding-vertical: 6px;
|
||||
--ifm-menu-link-padding-horizontal: theme(margin.1);
|
||||
--ifm-menu-color: theme(colors.medusa.fg.subtle.DEFAULT);
|
||||
--ifm-menu-color-active: theme(colors.medusa.fg.base.DEFAULT);
|
||||
--ifm-menu-color-background-hover: theme(colors.medusa.bg.base.hover.DEFAULT);
|
||||
--ifm-menu-color-background-active: theme(colors.medusa.bg.base.pressed.DEFAULT);
|
||||
--ifm-menu-color: theme(colors.medusa.fg.subtle);
|
||||
--ifm-menu-color-active: theme(colors.medusa.fg.base);
|
||||
--ifm-menu-color-background-hover: theme(colors.medusa.bg.base.hover);
|
||||
--ifm-menu-color-background-active: theme(colors.medusa.bg.base.pressed);
|
||||
|
||||
/* Toc */
|
||||
--ifm-toc-border-color: theme(colors.medusa.border.base.DEFAULT);
|
||||
--ifm-toc-link-color: theme(colors.medusa.fg.subtle.DEFAULT);
|
||||
--ifm-toc-border-color: theme(colors.medusa.border.base);
|
||||
--ifm-toc-link-color: theme(colors.medusa.fg.subtle);
|
||||
--ifm-toc-padding-horizontal: theme(padding.1);
|
||||
|
||||
/* Navbar */
|
||||
@@ -69,8 +69,8 @@
|
||||
--ifm-navbar-item-padding-vertical: 6px;
|
||||
--ifm-navbar-item-padding-horizontal: theme(padding[1]);
|
||||
--ifm-navbar-height: theme(height.navbar);
|
||||
--ifm-navbar-link-hover-color: theme(colors.medusa.fg.base.DEFAULT);
|
||||
--ifm-navbar-link-color: theme(colors.medusa.fg.subtle.DEFAULT);
|
||||
--ifm-navbar-link-hover-color: theme(colors.medusa.fg.base);
|
||||
--ifm-navbar-link-color: theme(colors.medusa.fg.subtle);
|
||||
|
||||
/* Inline Code */
|
||||
--ifm-code-border-radius: theme(borderRadius.DEFAULT);
|
||||
@@ -90,34 +90,16 @@
|
||||
--rt-color-white: var(--ifm-color-content) !important;
|
||||
|
||||
/* Footer */
|
||||
--ifm-footer-color: theme(colors.medusa.fg.muted.DEFAULT);
|
||||
--ifm-footer-color: theme(colors.medusa.fg.muted);
|
||||
--ifm-footer-background-color: transparent;
|
||||
--ifm-footer-padding-horizontal: 0;
|
||||
--ifm-footer-link-color: var(--ifm-color-content);
|
||||
|
||||
/* Search */
|
||||
--docsearch-searchbox-background: theme(colors.medusa.bg.subtle.DEFAULT) !important;
|
||||
--docsearch-searchbox-focus-background: theme(colors.medusa.bg.subtle.hover.DEFAULT) !important;
|
||||
--docsearch-searchbox-shadow: none !important;
|
||||
--docsearch-modal-height: 472px !important;
|
||||
--docsearch-modal-background: theme(colors.medusa.bg.base.DEFAULT) !important;
|
||||
--docsearch-modal-shadow: theme(boxShadow.modal) !important;
|
||||
--docsearch-container-background: theme(colors.medusa.bg.overlay.DEFAULT) !important;
|
||||
--docsearch-key-gradient: theme(colors.medusa.tag.neutral.bg.DEFAULT) !important;
|
||||
--docsearch-muted-color: theme(colors.medusa.fg.subtle.DEFAULT) !important;
|
||||
--docsearch-spacing: 12px theme(spacing[1.5]) !important;
|
||||
--docsearch-highlight-color: theme(colors.medusa.fg.muted.DEFAULT) !important;
|
||||
--docsearch-text-color: var(--ifm-color-primary) !important;
|
||||
--docsearch-hit-background: var(--docsearch-modal-background) !important;
|
||||
--docsearch-hit-height: auto !important;
|
||||
--docsearch-hit-active-color: var(--docsearch-text-color) !important;
|
||||
--docsearch-footer-height: 40px !important;
|
||||
|
||||
/* Announcement Bar */
|
||||
--docusaurus-announcement-bar-height: auto !important;
|
||||
|
||||
/* Tables */
|
||||
--ifm-table-border-color: theme(colors.medusa.border.base.DEFAULT);
|
||||
--ifm-table-border-color: theme(colors.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: theme(fontSize.medium-plus[1].fontWeight);
|
||||
@@ -126,57 +108,15 @@
|
||||
|
||||
html[data-theme="dark"] {
|
||||
/* Colors */
|
||||
--ifm-background-color: theme(colors.medusa.bg.subtle.dark);
|
||||
--ifm-background-surface-color: theme(colors.medusa.bg.base.dark);
|
||||
--ifm-hr-background-color: theme(colors.medusa.border.base.dark);
|
||||
--ifm-color-primary: theme(colors.medusa.fg.base.dark);
|
||||
--ifm-color-content: theme(colors.medusa.fg.subtle.dark) !important;
|
||||
--ifm-base-border-color: theme(colors.medusa.border.base.dark);
|
||||
--ifm-strong-border-color: theme(colors.medusa.border.strong.dark);
|
||||
|
||||
/* Links */
|
||||
--ifm-link-color: theme(colors.medusa.fg.interactive.DEFAULT);
|
||||
--ifm-link-hover-color: theme(colors.medusa.fg.interactive.hover.DEFAULT);
|
||||
--ifm-background-color: theme(colors.medusa.bg.subtle.DEFAULT);
|
||||
--ifm-background-surface-color: theme(colors.medusa.bg.base.DEFAULT);
|
||||
|
||||
/* Sidebar */
|
||||
--ifm-menu-color: theme(colors.medusa.fg.subtle.dark);
|
||||
--ifm-menu-color-active: theme(colors.medusa.fg.base.dark);
|
||||
--ifm-menu-color-background-hover: theme(colors.medusa.bg.subtle.hover.dark);
|
||||
--ifm-menu-color-background-active: theme(colors.medusa.bg.subtle.pressed.dark);
|
||||
|
||||
/* Toc */
|
||||
--ifm-toc-border-color: theme(colors.medusa.border.base.dark);
|
||||
--ifm-toc-link-color: theme(colors.medusa.fg.subtle.dark);
|
||||
--ifm-menu-color-background-hover: theme(colors.medusa.bg.subtle.hover);
|
||||
--ifm-menu-color-background-active: theme(colors.medusa.bg.subtle.pressed);
|
||||
|
||||
/* Navbar */
|
||||
--ifm-navbar-shadow: none;
|
||||
--ifm-navbar-link-hover-color: theme(colors.medusa.fg.base.dark);
|
||||
--ifm-navbar-link-color: theme(colors.medusa.fg.subtle.dark);
|
||||
|
||||
/* Inline Code */
|
||||
--ifm-code-background: theme(colors.medusa.tag.neutral.bg.dark) !important;
|
||||
|
||||
/* Code Blocks */
|
||||
--ifm-pre-background: theme(colors.medusa.code.bg.base.dark);
|
||||
|
||||
/* Tooltip */
|
||||
--rt-color-dark: theme(colors.medusa.bg.base.dark) !important;
|
||||
|
||||
/* Footer */
|
||||
--ifm-footer-color: theme(colors.medusa.fg.muted.dark);
|
||||
|
||||
/* Search */
|
||||
--docsearch-searchbox-background: theme(colors.medusa.bg.subtle.dark) !important;
|
||||
--docsearch-searchbox-focus-background: theme(colors.medusa.bg.subtle.hover.dark) !important;
|
||||
--docsearch-modal-background: theme(colors.medusa.bg.base.dark) !important;
|
||||
--docsearch-modal-shadow: theme(boxShadow.modal-dark) !important;
|
||||
--docsearch-container-background: theme(colors.medusa.bg.overlay.dark) !important;
|
||||
--docsearch-key-gradient: theme(colors.medusa.tag.neutral.bg.dark) !important;
|
||||
--docsearch-muted-color: theme(colors.medusa.fg.subtle.dark) !important;
|
||||
--docsearch-highlight-color: theme(colors.medusa.fg.muted.dark) !important;
|
||||
|
||||
/* Tables */
|
||||
--ifm-table-border-color: theme(colors.medusa.border.base.dark);
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1441px) {
|
||||
@@ -201,8 +141,4 @@ html[data-theme="dark"] {
|
||||
|
||||
.alert {
|
||||
--ifm-code-background: theme(colors.medusa.tag.neutral.bg.DEFAULT) !important;
|
||||
}
|
||||
|
||||
html[data-theme="dark"] .alert {
|
||||
--ifm-code-background: theme(colors.medusa.tag.neutral.bg.dark) !important;
|
||||
}
|
||||
@@ -49,12 +49,12 @@
|
||||
|
||||
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) [class*=theme-doc-sidebar-item-]::before,
|
||||
.menu__list-item .menu__list:not(.theme-doc-sidebar-menu) .theme-doc-sidebar-item-category:first-child .menu__list-item-collapsible::before {
|
||||
@apply bg-medusa-border-base dark:bg-medusa-border-base-dark;
|
||||
@apply bg-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 {
|
||||
@apply bg-medusa-fg-interactive dark:bg-medusa-fg-interactive-dark !z-[2] !top-[6px];
|
||||
@apply bg-medusa-fg-interactive !z-[2] !top-[6px];
|
||||
}
|
||||
|
||||
.theme-doc-sidebar-item-category-level-2:only-child > .menu__list-item-collapsible .menu__link--active::before,
|
||||
@@ -113,7 +113,7 @@
|
||||
}
|
||||
|
||||
.menu__list-item-collapsible .menu__link--sublist:hover {
|
||||
@apply !bg-medusa-bg-base-hover dark:!bg-medusa-bg-subtle-hover-dark;
|
||||
@apply !bg-medusa-bg-base-hover dark:!bg-medusa-bg-subtle-hover;
|
||||
}
|
||||
|
||||
.menu__list:not(.theme-doc-sidebar-menu) > .theme-doc-sidebar-item-link:last-child > .menu__link--active::before {
|
||||
@@ -143,7 +143,7 @@
|
||||
|
||||
/** General sidebar styles **/
|
||||
.theme-doc-sidebar-container {
|
||||
@apply z-[398] border-0 border-r border-solid border-medusa-border-base dark:border-medusa-border-base-dark;
|
||||
@apply z-[398] border-0 border-r border-solid border-medusa-border-base;
|
||||
}
|
||||
|
||||
/** Mobile Sidebar **/
|
||||
@@ -158,10 +158,10 @@
|
||||
/** Redocly sidebar **/
|
||||
|
||||
.redocusaurus .menu-content > div > ul > li > ul label:not([type=tag]):not(.active) {
|
||||
@apply text-medusa-fg-subtle dark:text-medusa-fg-subtle-dark;
|
||||
@apply hover:text-medusa-fg-base dark:hover:text-medusa-fg-base-dark;
|
||||
@apply text-medusa-fg-subtle;
|
||||
@apply hover:text-medusa-fg-base;
|
||||
}
|
||||
|
||||
.redocusaurus .menu-content > div > ul > li > ul label:not([type=tag]).active {
|
||||
@apply text-medusa-fg-base dark:text-medusa-fg-base-dark;
|
||||
@apply text-medusa-fg-base;
|
||||
}
|
||||
@@ -8,7 +8,7 @@
|
||||
@apply before:bg-no-repeat before:bg-[length:14px_10px] before:bg-[center_left];
|
||||
@apply before:pl-[22px] before:content-['On_this_page'] before:pb-0 text-compact-small-plus;
|
||||
@apply after:content-[''] after:absolute after:left-0 after:top-2.5;
|
||||
@apply after:h-full after:w-[1px] after:bg-medusa-border-base dark:after:bg-medusa-border-base-dark;
|
||||
@apply after:h-full after:w-[1px] after:bg-medusa-border-base;
|
||||
}
|
||||
|
||||
.theme-doc-toc-desktop .table-of-contents .table-of-contents__link {
|
||||
@@ -25,22 +25,22 @@
|
||||
|
||||
.theme-doc-toc-desktop .table-of-contents__link {
|
||||
@apply relative text-compact-x-small-plus;
|
||||
@apply hover:text-medusa-fg-base dark:hover:text-medusa-fg-base-dark;
|
||||
@apply hover:text-medusa-fg-base;
|
||||
}
|
||||
|
||||
.theme-doc-toc-desktop .table-of-contents__link:hover code {
|
||||
@apply text-medusa-fg-base dark:text-medusa-fg-base-dark;
|
||||
@apply text-medusa-fg-base;
|
||||
}
|
||||
|
||||
.theme-doc-toc-desktop .table-of-contents__link--active {
|
||||
@apply text-medusa-fg-base dark:text-medusa-fg-base-dark;
|
||||
@apply text-medusa-fg-base;
|
||||
@apply after:content-[''] after:absolute after:left-0 after:top-0;
|
||||
@apply after:h-full after:w-[1px] after:bg-medusa-fg-base dark:after:bg-medusa-fg-base-dark;
|
||||
@apply after:h-full after:w-[1px] after:bg-medusa-fg-base;
|
||||
@apply z-[1];
|
||||
}
|
||||
|
||||
.theme-doc-toc-desktop .table-of-contents__link--active code {
|
||||
@apply text-medusa-fg-base dark:text-medusa-fg-base-dark;
|
||||
@apply text-medusa-fg-base;
|
||||
}
|
||||
|
||||
.theme-doc-toc-desktop .table-of-contents li {
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
.react-tooltip {
|
||||
@apply !border !border-solid !border-medusa-border-base dark:!border-medusa-border-base-dark;
|
||||
@apply !border !border-solid !border-medusa-border-base;
|
||||
@apply !rounded !text-compact-x-small-plus !shadow-tooltip dark:!shadow-tooltip-dark;
|
||||
@apply !py-0.4 !px-1 lg:block hidden;
|
||||
}
|
||||
|
||||
@@ -20,7 +20,7 @@
|
||||
|
||||
.sidebar-title .menu__link,
|
||||
.sidebar-title span {
|
||||
@apply !text-compact-medium-plus text-medusa-fg-base dark:text-medusa-fg-base-dark;
|
||||
@apply !text-compact-medium-plus text-medusa-fg-base;
|
||||
}
|
||||
|
||||
.sidebar-title .menu__link--active,
|
||||
@@ -37,7 +37,7 @@
|
||||
}
|
||||
|
||||
.sidebar-group-headline > .menu__list-item-collapsible > .menu__link {
|
||||
@apply text-medusa-fg-base dark:text-medusa-fg-base-dark !p-0;
|
||||
@apply text-medusa-fg-base !p-0;
|
||||
}
|
||||
|
||||
.sidebar-group-headline > .menu__list-item-collapsible > .menu__link:not([href]) {
|
||||
@@ -55,12 +55,12 @@
|
||||
}
|
||||
|
||||
.sidebar-group-divider {
|
||||
@apply pb-[6px] uppercase text-medusa-fg-muted dark:text-medusa-fg-muted-dark text-compact-x-small-plus;
|
||||
@apply pb-[6px] uppercase text-medusa-fg-muted text-compact-x-small-plus;
|
||||
@apply first:pt-[6px] [&:not(:first-child)]:!pt-1;
|
||||
}
|
||||
|
||||
.sidebar-divider-line {
|
||||
@apply h-[1px] w-full bg-medusa-border-base dark:bg-medusa-border-base-dark my-1 mx-0;
|
||||
@apply h-[1px] w-full bg-medusa-border-base my-1 mx-0;
|
||||
}
|
||||
|
||||
.sidebar-back-link {
|
||||
@@ -69,11 +69,11 @@
|
||||
|
||||
.sidebar-back-link,
|
||||
.sidebar-title {
|
||||
@apply lg:sticky lg:bg-medusa-bg-base dark:lg:bg-medusa-bg-subtle-dark lg:z-[100];
|
||||
@apply lg:sticky lg:bg-medusa-bg-base dark:lg:bg-medusa-bg-subtle lg:z-[100];
|
||||
}
|
||||
|
||||
.sidebar-back-link .menu__link {
|
||||
@apply !p-0 hover:!bg-transparent hover:text-medusa-fg-base dark:hover:text-medusa-fg-base-dark;
|
||||
@apply !p-0 hover:!bg-transparent hover:text-medusa-fg-base;
|
||||
}
|
||||
|
||||
.sidebar-back-link .menu__link,
|
||||
@@ -86,7 +86,7 @@
|
||||
}
|
||||
|
||||
.sidebar-soon-link {
|
||||
@apply pointer-events-none [&_*]:text-medusa-fg-disabled dark:[&_*]:text-medusa-fg-disabled-dark;
|
||||
@apply pointer-events-none [&_*]:text-medusa-fg-disabled;
|
||||
}
|
||||
|
||||
|
||||
@@ -95,69 +95,31 @@
|
||||
}
|
||||
|
||||
.search-page-input {
|
||||
@apply rounded border border-solid border-medusa-border-base dark:border-medusa-border-base-dark;
|
||||
@apply font-base text-medium p-0.75 w-full bg-medusa-bg-subtle dark:bg-medusa-bg-subtle-dark;
|
||||
@apply text-medusa-fg-base dark:text-medusa-fg-base-dark mb-1;
|
||||
@apply rounded border border-solid border-medusa-border-base;
|
||||
@apply font-base text-medium p-0.75 w-full bg-medusa-bg-subtle;
|
||||
@apply text-medusa-fg-base mb-1;
|
||||
@apply transition-[border] duration-200 ease-ease;
|
||||
@apply focus:border-medusa-border-base dark:focus:border-medusa-border-base-dark;
|
||||
@apply focus:border-medusa-border-base;
|
||||
@apply focus:outline-none !shadow-none;
|
||||
}
|
||||
|
||||
.code-header {
|
||||
@apply py-0.75 px-1 bg-medusa-code-bg-header dark:bg-medusa-code-bg-header-dark text-medusa-code-text-subtle dark:text-medusa-code-text-subtle;
|
||||
@apply py-0.75 px-1 bg-medusa-code-bg-header text-medusa-code-text-subtle;
|
||||
@apply flex justify-between items-center;
|
||||
@apply rounded-tl rounded-tr rounded-br-none rounded-bl-none border-b-0;
|
||||
@apply border border-solid border-medusa-code-border dark:border-medusa-code-border-dark border-b-0;
|
||||
@apply border border-solid border-medusa-code-border border-b-0;
|
||||
}
|
||||
|
||||
.no-scrollbar::-webkit-scrollbar {
|
||||
@apply hidden;
|
||||
}
|
||||
|
||||
.animate__fastest {
|
||||
--animate-duration: 0.2s;
|
||||
}
|
||||
|
||||
/* .btn-secondary {
|
||||
@apply inline-flex flex-row justify-center items-center;
|
||||
@apply py-[5px] px-0.75 rounded-sm cursor-pointer;
|
||||
@apply bg-button-neutral bg-medusa-button-neutral dark:bg-button-neutral-dark dark:bg-medusa-button-neutral-dark;
|
||||
@apply hover:bg-medusa-button-neutral-hover hover:bg-no-image dark:hover:bg-medusa-button-neutral-hover-dark hover:no-underline;
|
||||
@apply active:bg-medusa-button-neutral-pressed active:bg-no-image dark:active:bg-medusa-button-neutral-pressed-dark;
|
||||
@apply focus:bg-medusa-button-neutral-pressed focus:bg-no-image dark:focus:bg-medusa-button-neutral-pressed-dark;
|
||||
@apply disabled:!bg-no-image disabled:bg-medusa-bg-disabled dark:disabled:bg-medusa-bg-disabled-dark;
|
||||
@apply disabled:cursor-not-allowed;
|
||||
@apply border border-solid border-medusa-border-base dark:border-medusa-border-base-dark;
|
||||
@apply text-compact-small-plus text-medusa-fg-base dark:text-medusa-fg-base-dark;
|
||||
@apply hover:text-medusa-fg-base hover:dark:text-medusa-fg-base-dark;
|
||||
@apply shadow-button-neutral focus:shadow-button-neutral-focused active:shadow-button-neutral-focused transition-shadow;
|
||||
@apply dark:shadow-button-neutral dark:focus:shadow-button-neutral-focused dark:active:shadow-button-neutral-focused;
|
||||
@apply select-none;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
@apply inline-flex flex-row justify-center items-center;
|
||||
@apply py-[5px] px-0.75 rounded-sm cursor-pointer;
|
||||
@apply bg-button-inverted bg-medusa-button-inverted dark:bg-button-inverted-dark dark:bg-medusa-button-inverted-dark;
|
||||
@apply hover:bg-medusa-button-inverted-hover hover:bg-no-image dark:hover:bg-medusa-button-inverted-hover-dark hover:no-underline;
|
||||
@apply active:bg-medusa-button-inverted-pressed active:bg-no-image dark:active:bg-medusa-button-inverted-pressed-dark;
|
||||
@apply focus:bg-medusa-button-inverted-pressed focus:bg-no-image dark:focus:bg-medusa-button-inverted-pressed-dark;
|
||||
@apply shadow-button-colored active:shadow-button-colored-focused focus:shadow-button-colored-focused transition-shadow;
|
||||
@apply dark:shadow-button-colored-dark dark:active:shadow-button-colored-focused-dark dark:focus:shadow-button-colored-focused-dark;
|
||||
@apply disabled:!bg-no-image disabled:bg-medusa-button-disabled dark:disabled:bg-medusa-button-disabled-dark;
|
||||
@apply disabled:cursor-not-allowed disabled:border-medusa-border-base dark:disabled:border-medusa-border-base-dark;
|
||||
@apply text-compact-small-plus text-medusa-fg-on-inverted dark:text-medusa-fg-on-inverted-dark;
|
||||
@apply disabled:text-medusa-fg-disabled dark:disabled:text-medusa-fg-disabled-dark;
|
||||
@apply border border-medusa-border-loud dark:border-medusa-border-loud-dark;
|
||||
@apply select-none;
|
||||
} */
|
||||
|
||||
.navbar-action-icon-item {
|
||||
@apply lg:bg-button-neutral lg:bg-medusa-button-neutral lg:dark:bg-button-neutral-dark lg:dark:bg-medusa-button-neutral-dark;
|
||||
@apply lg:hover:bg-medusa-button-neutral-hover lg:hover:bg-no-image lg:dark:hover:bg-medusa-button-neutral-hover-dark lg:hover:no-underline;
|
||||
@apply lg:active:bg-medusa-button-neutral-pressed lg:active:bg-no-image lg:dark:active:bg-medusa-button-neutral-pressed-dark;
|
||||
@apply lg:focus:bg-medusa-button-neutral-pressed lg:focus:bg-no-image lg:dark:focus:bg-medusa-button-neutral-pressed-dark;
|
||||
@apply lg:lg:border lg:border-solid lg:border-medusa-border-base lg:dark:border-medusa-border-base-dark rounded;
|
||||
@apply lg:bg-button-neutral lg:bg-medusa-button-neutral lg:dark:bg-button-neutral-dark;
|
||||
@apply lg:hover:bg-medusa-button-neutral-hover lg:hover:bg-no-image lg:hover:no-underline;
|
||||
@apply lg:active:bg-medusa-button-neutral-pressed lg:active:bg-no-image;
|
||||
@apply lg:focus:bg-medusa-button-neutral-pressed lg:focus:bg-no-image;
|
||||
@apply lg:lg:border lg:border-solid lg:border-medusa-border-base rounded;
|
||||
@apply w-2 h-2 flex justify-center items-center cursor-pointer;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user