docs: create docs workspace (#5174)
* docs: migrate ui docs to docs universe * created yarn workspace * added eslint and tsconfig configurations * fix eslint configurations * fixed eslint configurations * shared tailwind configurations * added shared ui package * added more shared components * migrating more components * made details components shared * move InlineCode component * moved InputText * moved Loading component * Moved Modal component * moved Select components * Moved Tooltip component * moved Search components * moved ColorMode provider * Moved Notification components and providers * used icons package * use UI colors in api-reference * moved Navbar component * used Navbar and Search in UI docs * added Feedback to UI docs * general enhancements * fix color mode * added copy colors file from ui-preset * added features and enhancements to UI docs * move Sidebar component and provider * general fixes and preparations for deployment * update docusaurus version * adjusted versions * fix output directory * remove rootDirectory property * fix yarn.lock * moved code component * added vale for all docs MD and MDX * fix tests * fix vale error * fix deployment errors * change ignore commands * add output directory * fix docs test * general fixes * content fixes * fix announcement script * added changeset * fix vale checks * added nofilter option * fix vale error
This commit is contained in:
Shahed Nasser
GitHub
287
www/apps/docs/src/css/_docusaurus.css
Normal file
287
www/apps/docs/src/css/_docusaurus.css
Normal file
@@ -0,0 +1,287 @@
|
||||
/** This CSS file includes tailwind styling definitions for classes defined by docusaurus **/
|
||||
html,
|
||||
body {
|
||||
@apply h-full;
|
||||
}
|
||||
|
||||
.cards-grid {
|
||||
@apply grid gap-x-1 auto-rows-fr;
|
||||
}
|
||||
|
||||
.cards-grid.grid-6 {
|
||||
@apply md:grid-cols-2 grid-cols-1;
|
||||
}
|
||||
|
||||
.cards-grid.grid-4 {
|
||||
@apply lg:grid-cols-3 md:grid-cols-2 grid-cols-1;
|
||||
}
|
||||
|
||||
h1 + .cards-grid,
|
||||
h1 + .card-wrapper,
|
||||
h2 + .cards-grid,
|
||||
h2 + .card-wrapper,
|
||||
h3 + .cards-grid,
|
||||
h3 + .card-wrapper {
|
||||
@apply mt-1.5;
|
||||
}
|
||||
|
||||
.markdown p + img,
|
||||
.markdown .alert,
|
||||
.markdown .code-wrapper {
|
||||
@apply mb-2;
|
||||
}
|
||||
|
||||
.markdown h2,
|
||||
.markdown h3,
|
||||
.markdown p + .code-wrapper,
|
||||
.markdown p + .tabs-wrapper,
|
||||
.markdown p + .alert,
|
||||
.markdown p + section,
|
||||
video {
|
||||
@apply mt-2;
|
||||
}
|
||||
|
||||
.theme-code-block {
|
||||
@apply border border-solid border-medusa-code-border dark:border-medusa-code-border-dark;
|
||||
}
|
||||
|
||||
.markdown p + .card-wrapper {
|
||||
@apply mt-1.5;
|
||||
}
|
||||
|
||||
.card + p {
|
||||
@apply mt-2;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.col.toc-wrapper {
|
||||
--ifm-col-width: var(--ifm-toc-width);
|
||||
}
|
||||
|
||||
.markdown-doc-wrapper--fluid {
|
||||
@apply max-w-[inherit];
|
||||
}
|
||||
|
||||
:global(.docusaurus-mt-lg) {
|
||||
@apply mt-3;
|
||||
}
|
||||
|
||||
:global(#__docusaurus) {
|
||||
@apply min-h-full flex flex-col;
|
||||
}
|
||||
|
||||
.code-tabs .theme-code-block {
|
||||
@apply !rounded-t-none !rounded-b
|
||||
}
|
||||
|
||||
[class*=codeLineNumber] {
|
||||
@apply text-medusa-code-text-subtle dark:text-medusa-code-text-subtle-dark !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;
|
||||
}
|
||||
|
||||
.prism-code:not(:hover)::-webkit-scrollbar-thumb,
|
||||
.prism-code:not(:hover)::-webkit-scrollbar-track {
|
||||
@apply xs:invisible;
|
||||
}
|
||||
|
||||
.prism-code:hover::-webkit-scrollbar-thumb,
|
||||
.prism-code:hover::-webkit-scrollbar-track {
|
||||
@apply xs:opacity-100
|
||||
}
|
||||
|
||||
.prism-code {
|
||||
@apply bg-transparent break-words !outline-none;
|
||||
}
|
||||
|
||||
.prism-code div {
|
||||
@apply !outline-none focus:!outline-none active:!outline-none;
|
||||
}
|
||||
|
||||
.code-tabs {
|
||||
@apply relative;
|
||||
}
|
||||
|
||||
.sidebar-desktop nav {
|
||||
--ifm-scrollbar-track-background-color: transparent !important;
|
||||
--ifm-scrollbar-thumb-background-color: transparent !important;
|
||||
--ifm-scrollbar-thumb-hover-background-color: transparent !important;
|
||||
}
|
||||
|
||||
.main-wrapper {
|
||||
@apply max-w-xl mx-auto xl:min-w-xl w-full;
|
||||
}
|
||||
|
||||
.theme-doc-breadcrumbs {
|
||||
@apply hidden;
|
||||
}
|
||||
|
||||
article {
|
||||
@apply max-w-[960px];
|
||||
}
|
||||
|
||||
.padding-top--md {
|
||||
@apply !pt-3;
|
||||
}
|
||||
|
||||
.margin-bottom--lg {
|
||||
@apply !mb-1;
|
||||
}
|
||||
|
||||
details summary {
|
||||
@apply cursor-pointer;
|
||||
}
|
||||
|
||||
.reference-table {
|
||||
@apply !table table-fixed w-full;
|
||||
}
|
||||
|
||||
.reference-table p {
|
||||
--ifm-paragraph-margin-bottom: 0;
|
||||
}
|
||||
|
||||
.reference-table.table-col-4 th,
|
||||
.reference-table.table-col-4 td {
|
||||
@apply [&:nth-child(1)]:!w-1/5 [&:nth-child(2)]:!w-1/5 [&:nth-child(3)]:!w-2/5 [&:nth-child(4)]:!w-1/5;
|
||||
}
|
||||
|
||||
.reference-table th:nth-child(1),
|
||||
.reference-table td:nth-child(1) {
|
||||
@apply [&:nth-child(1)]:!w-[30%] [&:nth-child(2)]:!w-[30%] [&:nth-child(3)]:!w-2/5;
|
||||
}
|
||||
|
||||
.reference-table .tooltip-container code {
|
||||
@apply whitespace-nowrap;
|
||||
}
|
||||
|
||||
.reference-table .theme-code-block span {
|
||||
@apply !max-w-full !break-words !whitespace-break-spaces;
|
||||
}
|
||||
|
||||
.theme-code-block {
|
||||
@apply !bg-medusa-code-bg-base dark:!bg-medusa-code-bg-base-dark
|
||||
}
|
||||
|
||||
.reference-table .code-block-numbering {
|
||||
@apply !block;
|
||||
}
|
||||
|
||||
.container {
|
||||
@apply !pt-3 !max-w-full;
|
||||
}
|
||||
|
||||
.pagination-nav {
|
||||
@apply hidden;
|
||||
}
|
||||
|
||||
.theme-doc-footer {
|
||||
@apply !mt-0 border-0 !border-t border-solid !border-medusa-border-base dark:!border-medusa-border-base-dark;
|
||||
@apply pt-2;
|
||||
}
|
||||
|
||||
.theme-last-updated {
|
||||
@apply font-normal not-italic text-compact-small-plus;
|
||||
}
|
||||
|
||||
.theme-last-updated,
|
||||
.theme-last-updated b {
|
||||
@apply !font-normal;
|
||||
}
|
||||
|
||||
.medium-zoom-overlay {
|
||||
@apply z-[400];
|
||||
}
|
||||
|
||||
.medium-zoom-image--opened {
|
||||
@apply z-[400];
|
||||
}
|
||||
|
||||
details > div {
|
||||
--docusaurus-details-decoration-color: transparent !important;
|
||||
}
|
||||
|
||||
.row--justify-end {
|
||||
@apply justify-end;
|
||||
}
|
||||
|
||||
.docs-page-container {
|
||||
@apply !px-0;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
@apply z-[399] p-0 border-0 border-b border-solid border-medusa-border-base dark:border-medusa-border-base-dark;
|
||||
}
|
||||
|
||||
html:not(.plugin-redoc) .navbar:not(.navbar-sidebar--show) {
|
||||
@apply supports-[backdrop-filter]:bg-transparent supports-[backdrop-filter]:backdrop-blur-md;
|
||||
}
|
||||
|
||||
.navbar__link {
|
||||
@apply text-compact-small-plus;
|
||||
}
|
||||
|
||||
.navbar__brand {
|
||||
@apply mr-0;
|
||||
}
|
||||
|
||||
.navbar__logo {
|
||||
@apply w-[82px] h-[20px] lg:w-[20px] lg:h-[20px] flex justify-center items-center !mr-0;
|
||||
}
|
||||
|
||||
.navbar__item {
|
||||
@apply p-0 lg:!block !hidden;
|
||||
}
|
||||
|
||||
h1 {
|
||||
@apply !text-h1;
|
||||
}
|
||||
|
||||
h2 {
|
||||
@apply !text-h2;
|
||||
}
|
||||
|
||||
h3 {
|
||||
@apply !text-h3;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
@apply text-medusa-fg-base dark:text-medusa-fg-base-dark;
|
||||
}
|
||||
|
||||
.markdown > h1:first-child,
|
||||
.markdown > h2,
|
||||
.markdown > h3 {
|
||||
@apply mb-0.5;
|
||||
}
|
||||
|
||||
.markdown > p {
|
||||
@apply mb-0.5;
|
||||
}
|
||||
|
||||
.markdown > p img {
|
||||
@apply mt-0.5;
|
||||
}
|
||||
|
||||
.markdown {
|
||||
@apply mb-0;
|
||||
}
|
||||
|
||||
*::selection {
|
||||
@apply bg-medusa-bg-highlight dark:bg-medusa-bg-highlight-dark;
|
||||
}
|
||||
|
||||
.prism-code *::selection, .code-header::selection {
|
||||
@apply bg-medusa-code-text-highlight;
|
||||
}
|
||||
Reference in New Issue
Block a user