8e1e446cb8
* doc(tabs): update shortcode syntax to use new syntax - Changed tab shortcode syntax from `items` to `name` for better clarity and consistency in multiple language documentation. - Updated related examples in Persian, Japanese, and Simplified Chinese to reflect the new syntax. - Adjusted the sidebar CSS to correct a z-index value for improved layout behavior on mobile devices. * fix(sidebar, toc): update CSS classes for improved layout and text wrapping - Adjusted the sidebar CSS class to use a new transform syntax for better compatibility. - Updated the table of contents link class to ensure proper text wrapping behavior. * chore: recompile css * fix(css): update CSS classes for improved text wrapping - Changed `break-words` to `wrap-break-word` in multiple CSS files to enhance text wrapping behavior. - Adjusted the `.hextra-code-filename` and typography styles for better compatibility and consistency.
148 lines
6.1 KiB
CSS
148 lines
6.1 KiB
CSS
.content {
|
|
:where(h1):not(:where([class~=not-prose],[class~=not-prose] *)) {
|
|
@apply hx:mt-2 hx:text-4xl hx:font-bold hx:tracking-tight hx:text-slate-900 hx:dark:text-slate-100;
|
|
}
|
|
:where(h2):not(:where([class~=not-prose],[class~=not-prose] *)) {
|
|
@apply hx:font-semibold hx:tracking-tight hx:text-slate-900 hx:dark:text-slate-100 hx:mt-10 hx:border-b hx:pb-1 hx:text-3xl hx:border-neutral-200/70 hx:contrast-more:border-neutral-400 hx:dark:border-primary-100/10 hx:contrast-more:dark:border-neutral-400;
|
|
}
|
|
:where(h3):not(:where([class~=not-prose],[class~=not-prose] *)) {
|
|
@apply hx:font-semibold hx:tracking-tight hx:text-slate-900 hx:dark:text-slate-100 hx:mt-8 hx:text-2xl;
|
|
}
|
|
:where(h4):not(:where([class~=not-prose],[class~=not-prose] *)) {
|
|
@apply hx:font-semibold hx:tracking-tight hx:text-slate-900 hx:dark:text-slate-100 hx:mt-8 hx:text-xl;
|
|
}
|
|
:where(h5):not(:where([class~=not-prose],[class~=not-prose] *)) {
|
|
@apply hx:font-semibold hx:tracking-tight hx:text-slate-900 hx:dark:text-slate-100 hx:mt-8 hx:text-lg;
|
|
}
|
|
:where(h6):not(:where([class~=not-prose],[class~=not-prose] *)) {
|
|
@apply hx:font-semibold hx:tracking-tight hx:text-slate-900 hx:dark:text-slate-100 hx:mt-8 hx:text-base;
|
|
}
|
|
:where(p):not(:where([class~=not-prose],[class~=not-prose] *)) {
|
|
@apply hx:mt-6 hx:leading-7 hx:first:mt-0;
|
|
}
|
|
:where(a):not(:where([class~=not-prose],[class~=not-prose] *)) {
|
|
@apply hx:text-primary-600 hx:underline hx:decoration-from-font;
|
|
}
|
|
:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)) {
|
|
@apply hx:mt-6 hx:border-gray-300 hx:italic hx:text-gray-700 hx:dark:border-gray-700 hx:dark:text-gray-400 hx:first:mt-0 hx:ltr:border-l-2 hx:ltr:pl-6 hx:rtl:border-r-2 hx:rtl:pr-6;
|
|
}
|
|
:where(pre):not(:where(.hextra-code-block pre, [class~=not-prose],[class~=not-prose] *)) {
|
|
@apply hx:bg-primary-700/5 hx:mb-4 hx:overflow-x-auto hx:rounded-xl hx:font-medium hx:subpixel-antialiased hx:dark:bg-primary-300/10 hx:text-[.9em] hx:contrast-more:border hx:contrast-more:border-primary-900/20 hx:contrast-more:contrast-150 hx:contrast-more:dark:border-primary-100/40 hx:py-4;
|
|
}
|
|
:where(code):not(:where(.hextra-code-block code, [class~=not-prose],[class~=not-prose] *)) {
|
|
@apply hx:border-black/4 hx:bg-black/3 hx:wrap-break-word hx:rounded-md hx:border hx:py-0.5 hx:px-[.25em] hx:text-[.9em] hx:dark:border-white/10 hx:dark:bg-white/10;
|
|
}
|
|
:where(table):not(:where(.hextra-code-block table, [class~=not-prose],[class~=not-prose] *)) {
|
|
@apply hx:block hx:overflow-x-auto hx:my-6 hx:p-0 hx:first:mt-0 hx:w-full hx:text-sm hx:leading-5 hx:border-collapse;
|
|
|
|
thead {
|
|
@apply hx:bg-gray-50 hx:dark:bg-gray-600/20;
|
|
}
|
|
tr {
|
|
@apply hx:m-0 hx:border-t hx:border-gray-300 hx:p-0 hx:dark:border-gray-600;
|
|
}
|
|
th {
|
|
@apply hx:m-0 hx:border hx:border-gray-300 hx:p-2 hx:font-semibold hx:dark:border-gray-600;
|
|
}
|
|
td {
|
|
@apply hx:m-0 hx:border hx:border-gray-300 hx:p-2 hx:dark:border-gray-600;
|
|
}
|
|
}
|
|
:where(ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
|
|
@apply hx:mt-6 hx:list-decimal hx:first:mt-0 hx:ltr:ml-6 hx:rtl:mr-6;
|
|
li {
|
|
@apply hx:my-2;
|
|
}
|
|
}
|
|
:where(ul):not(:where([class~=not-prose],[class~=not-prose] *)) {
|
|
@apply hx:mt-6 hx:list-disc hx:first:mt-0 hx:ltr:ml-6 hx:rtl:mr-6;
|
|
li {
|
|
@apply hx:my-2;
|
|
}
|
|
}
|
|
/* Task lists - hide list markers for lists containing checkboxes */
|
|
:where(ul):not(:where([class~=not-prose],[class~=not-prose] *)):has(li input[type="checkbox"]) {
|
|
@apply hx:list-none;
|
|
}
|
|
/* This CSS rule targets the first nested unordered (ul) or ordered (ol) list
|
|
inside the list item (li) of any parent ul or ol.
|
|
The rule sets the top margin of the selected list to zero. */
|
|
:where(ul, ol) > li > :where(ul, ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
|
|
@apply hx:mt-0;
|
|
}
|
|
:where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)) {
|
|
@apply hx:border-black/4 hx:bg-black/3 hx:wrap-break-word hx:rounded-md hx:border hx:py-0.5 hx:px-[.25em] hx:text-[.9em] hx:dark:border-white/10 hx:dark:bg-white/10;
|
|
}
|
|
:where(pre.mermaid):not(:where(.hextra-code-block pre, [class~=not-prose],[class~=not-prose] *)) {
|
|
@apply hx:bg-transparent hx:rounded-none hx:dark:bg-transparent;
|
|
}
|
|
:where(img):not(:where([class~=not-prose],[class~=not-prose] *)) {
|
|
@apply hx:mx-auto hx:my-4 hx:rounded-md;
|
|
}
|
|
:where(figure):not(:where([class~=not-prose],[class~=not-prose] *)) {
|
|
figcaption {
|
|
@apply hx:text-sm hx:text-gray-500 hx:dark:text-gray-400 hx:mt-2 hx:block hx:text-center;
|
|
}
|
|
}
|
|
/* Definition list */
|
|
:where(dl):not(:where([class~=not-prose],[class~=not-prose] *)) {
|
|
dt {
|
|
@apply hx:mt-6 hx:font-semibold;
|
|
}
|
|
dd {
|
|
@apply hx:my-2 hx:ps-6;
|
|
}
|
|
}
|
|
/* Horizontal line */
|
|
:where(hr):not(:where([class~=not-prose],[class~=not-prose] *)) {
|
|
@apply hx:my-10 hx:first:mt-0 hx:last:mb-0 hx:border-gray-200 hx:dark:border-neutral-800;
|
|
}
|
|
.footnotes {
|
|
@apply hx:mt-12 hx:text-sm;
|
|
|
|
hr {
|
|
@apply hx:border-gray-200 hx:dark:border-neutral-800;
|
|
}
|
|
}
|
|
.subheading-anchor {
|
|
@apply hx:opacity-0 hx:transition-opacity hx:ltr:ml-1 hx:rtl:mr-1;
|
|
|
|
span:target + &,
|
|
:hover > &,
|
|
&:focus {
|
|
@apply hx:opacity-100;
|
|
}
|
|
|
|
span + &,
|
|
:hover > & {
|
|
@apply hx:no-underline!;
|
|
}
|
|
|
|
@apply hx:after:text-gray-300 hx:dark:after:text-neutral-700;
|
|
&:after {
|
|
@apply hx:content-['#'] hx:px-1;
|
|
span:target + & {
|
|
@apply hx:text-gray-400;
|
|
@apply hx:dark:text-neutral-500;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
article details > summary {
|
|
&::-webkit-details-marker {
|
|
@apply hx:hidden;
|
|
}
|
|
&::before {
|
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='hx:h-5 hx:w-5' viewBox='0 0 20 20' fill='currentColor'%3E%3Cpath fill-rule='evenodd' d='M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z' clip-rule='evenodd' /%3E%3C/svg%3E");
|
|
height: 1.2em;
|
|
width: 1.2em;
|
|
vertical-align: -4px;
|
|
padding: 0 0.6em;
|
|
}
|
|
}
|
|
|
|
:lang(fa) ol {
|
|
list-style-type: persian;
|
|
}
|