feat: details shortcode (#28)

* feat: details shortcode

* docs: add details shortcode page

* chore: update shortcodes page

* docs: update

* Revert "chore: update shortcodes page"

This reverts commit c005ad4cb1.
This commit is contained in:
Xin
2023-09-02 11:01:34 -04:00
committed by GitHub
parent 8e8f7f23c9
commit 3bcdf84ad4
5 changed files with 118 additions and 2 deletions

View File

@ -2601,6 +2601,11 @@ video {
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.bg-neutral-50 {
--tw-bg-opacity: 1;
background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}
.bg-orange-50 {
--tw-bg-opacity: 1;
background-color: rgb(255 247 237 / var(--tw-bg-opacity));
@ -2854,6 +2859,10 @@ video {
font-size: 1rem;
}
.text-lg {
font-size: 1.125rem;
}
.text-sm {
font-size: .875rem;
}
@ -3200,6 +3209,16 @@ body {
bottom: 0.25rem;
}
.before\:mr-1::before {
content: var(--tw-content);
margin-right: 0.25rem;
}
.before\:inline-block::before {
content: var(--tw-content);
display: inline-block;
}
.before\:w-px::before {
content: var(--tw-content);
width: 1px;
@ -3216,11 +3235,23 @@ body {
opacity: 0.25;
}
.before\:transition-transform::before {
content: var(--tw-content);
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.before\:content-\[\'\#\'\]::before {
--tw-content: '#';
content: var(--tw-content);
}
.before\:content-\[\'\'\]::before {
--tw-content: '';
content: var(--tw-content);
}
.before\:content-\[\\\"\\\"\]::before {
--tw-content: \"\";
content: var(--tw-content);
@ -3230,6 +3261,10 @@ body {
margin-top: 0px;
}
.last-of-type\:mb-0:last-of-type {
margin-bottom: 0px;
}
.hover\:border-gray-200:hover {
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity));
@ -3354,6 +3389,12 @@ body {
--tw-shadow: var(--tw-shadow-colored);
}
.group[open] .group-open\:before\:rotate-90::before {
content: var(--tw-content);
--tw-rotate: 90deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group\/code:hover .group-hover\/code\:opacity-100 {
opacity: 1;
}
@ -3548,6 +3589,12 @@ body {
right: 0px;
}
:is([dir="rtl"] .rtl\:before\:rotate-180)::before {
content: var(--tw-content);
--tw-rotate: 180deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (prefers-contrast: more) {
.contrast-more\:border {
border-width: 1px;
@ -3821,6 +3868,12 @@ body {
background-color: rgb(38 38 38 / var(--tw-bg-opacity));
}
:is(html[class~="dark"] .dark\:before\:invert)::before {
content: var(--tw-content);
--tw-invert: invert(100%);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
:is(html[class~="dark"] .dark\:hover\:border-gray-600:hover) {
--tw-border-opacity: 1;
border-color: rgb(75 85 99 / var(--tw-border-opacity));
@ -3850,6 +3903,11 @@ body {
background-color: rgb(64 64 64 / var(--tw-bg-opacity));
}
:is(html[class~="dark"] .dark\:hover\:bg-neutral-800:hover) {
--tw-bg-opacity: 1;
background-color: rgb(38 38 38 / var(--tw-bg-opacity));
}
:is(html[class~="dark"] .dark\:hover\:bg-neutral-900:hover) {
--tw-bg-opacity: 1;
background-color: rgb(23 23 23 / var(--tw-bg-opacity));