314 lines
5.3 KiB
JavaScript
314 lines
5.3 KiB
JavaScript
|
|
var docStyle = document.createElement('style');
|
|
docStyle.innerHTML = `*, ::before, ::after {
|
|
--tw-border-spacing-x: 0;
|
|
--tw-border-spacing-y: 0;
|
|
--tw-translate-x: 0;
|
|
--tw-translate-y: 0;
|
|
--tw-rotate: 0;
|
|
--tw-skew-x: 0;
|
|
--tw-skew-y: 0;
|
|
--tw-scale-x: 1;
|
|
--tw-scale-y: 1;
|
|
--tw-pan-x: ;
|
|
--tw-pan-y: ;
|
|
--tw-pinch-zoom: ;
|
|
--tw-scroll-snap-strictness: proximity;
|
|
--tw-gradient-from-position: ;
|
|
--tw-gradient-via-position: ;
|
|
--tw-gradient-to-position: ;
|
|
--tw-ordinal: ;
|
|
--tw-slashed-zero: ;
|
|
--tw-numeric-figure: ;
|
|
--tw-numeric-spacing: ;
|
|
--tw-numeric-fraction: ;
|
|
--tw-ring-inset: ;
|
|
--tw-ring-offset-width: 0px;
|
|
--tw-ring-offset-color: #fff;
|
|
--tw-ring-color: rgb(59 130 246 / 0.5);
|
|
--tw-ring-offset-shadow: 0 0 #0000;
|
|
--tw-ring-shadow: 0 0 #0000;
|
|
--tw-shadow: 0 0 #0000;
|
|
--tw-shadow-colored: 0 0 #0000;
|
|
--tw-blur: ;
|
|
--tw-brightness: ;
|
|
--tw-contrast: ;
|
|
--tw-grayscale: ;
|
|
--tw-hue-rotate: ;
|
|
--tw-invert: ;
|
|
--tw-saturate: ;
|
|
--tw-sepia: ;
|
|
--tw-drop-shadow: ;
|
|
--tw-backdrop-blur: ;
|
|
--tw-backdrop-brightness: ;
|
|
--tw-backdrop-contrast: ;
|
|
--tw-backdrop-grayscale: ;
|
|
--tw-backdrop-hue-rotate: ;
|
|
--tw-backdrop-invert: ;
|
|
--tw-backdrop-opacity: ;
|
|
--tw-backdrop-saturate: ;
|
|
--tw-backdrop-sepia:
|
|
}
|
|
|
|
::backdrop {
|
|
--tw-border-spacing-x: 0;
|
|
--tw-border-spacing-y: 0;
|
|
--tw-translate-x: 0;
|
|
--tw-translate-y: 0;
|
|
--tw-rotate: 0;
|
|
--tw-skew-x: 0;
|
|
--tw-skew-y: 0;
|
|
--tw-scale-x: 1;
|
|
--tw-scale-y: 1;
|
|
--tw-pan-x: ;
|
|
--tw-pan-y: ;
|
|
--tw-pinch-zoom: ;
|
|
--tw-scroll-snap-strictness: proximity;
|
|
--tw-gradient-from-position: ;
|
|
--tw-gradient-via-position: ;
|
|
--tw-gradient-to-position: ;
|
|
--tw-ordinal: ;
|
|
--tw-slashed-zero: ;
|
|
--tw-numeric-figure: ;
|
|
--tw-numeric-spacing: ;
|
|
--tw-numeric-fraction: ;
|
|
--tw-ring-inset: ;
|
|
--tw-ring-offset-width: 0px;
|
|
--tw-ring-offset-color: #fff;
|
|
--tw-ring-color: rgb(59 130 246 / 0.5);
|
|
--tw-ring-offset-shadow: 0 0 #0000;
|
|
--tw-ring-shadow: 0 0 #0000;
|
|
--tw-shadow: 0 0 #0000;
|
|
--tw-shadow-colored: 0 0 #0000;
|
|
--tw-blur: ;
|
|
--tw-brightness: ;
|
|
--tw-contrast: ;
|
|
--tw-grayscale: ;
|
|
--tw-hue-rotate: ;
|
|
--tw-invert: ;
|
|
--tw-saturate: ;
|
|
--tw-sepia: ;
|
|
--tw-drop-shadow: ;
|
|
--tw-backdrop-blur: ;
|
|
--tw-backdrop-brightness: ;
|
|
--tw-backdrop-contrast: ;
|
|
--tw-backdrop-grayscale: ;
|
|
--tw-backdrop-hue-rotate: ;
|
|
--tw-backdrop-invert: ;
|
|
--tw-backdrop-opacity: ;
|
|
--tw-backdrop-saturate: ;
|
|
--tw-backdrop-sepia:
|
|
}
|
|
|
|
.fixed {
|
|
position: fixed
|
|
}
|
|
|
|
.absolute {
|
|
position: absolute
|
|
}
|
|
|
|
.relative {
|
|
position: relative
|
|
}
|
|
|
|
.inset-0 {
|
|
inset: 0px
|
|
}
|
|
|
|
.left-0 {
|
|
left: 0px
|
|
}
|
|
|
|
.top-0 {
|
|
top: 0px
|
|
}
|
|
|
|
.z-50 {
|
|
z-index: 50
|
|
}
|
|
|
|
.m-4 {
|
|
margin: 1rem
|
|
}
|
|
|
|
.flex {
|
|
display: flex
|
|
}
|
|
|
|
.h-8 {
|
|
height: 2rem
|
|
}
|
|
|
|
.max-h-96 {
|
|
max-height: 24rem
|
|
}
|
|
|
|
.w-14 {
|
|
width: 3.5rem
|
|
}
|
|
|
|
.w-fit {
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
.w-full {
|
|
width: 100%
|
|
}
|
|
|
|
.w-screen {
|
|
width: 100vw
|
|
}
|
|
|
|
.max-w-4xl {
|
|
max-width: 56rem
|
|
}
|
|
|
|
.cursor-pointer {
|
|
cursor: pointer
|
|
}
|
|
|
|
.flex-row {
|
|
flex-direction: row
|
|
}
|
|
|
|
.flex-col {
|
|
flex-direction: column
|
|
}
|
|
|
|
.items-center {
|
|
align-items: center
|
|
}
|
|
|
|
.justify-center {
|
|
justify-content: center
|
|
}
|
|
|
|
.justify-around {
|
|
justify-content: space-around
|
|
}
|
|
|
|
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
|
|
--tw-space-x-reverse: 0;
|
|
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
|
|
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
|
|
}
|
|
|
|
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
|
|
--tw-space-y-reverse: 0;
|
|
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
|
|
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
|
|
}
|
|
|
|
.overflow-y-auto {
|
|
overflow-y: auto
|
|
}
|
|
|
|
.rounded-xl {
|
|
border-radius: 0.75rem
|
|
}
|
|
|
|
.rounded-t-xl {
|
|
border-top-left-radius: 0.75rem;
|
|
border-top-right-radius: 0.75rem
|
|
}
|
|
|
|
.bg-comfy-light {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(53 53 53 / var(--tw-bg-opacity))
|
|
}
|
|
|
|
.bg-gray-500 {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(107 114 128 / var(--tw-bg-opacity))
|
|
}
|
|
|
|
.object-cover {
|
|
-o-object-fit: cover;
|
|
object-fit: cover
|
|
}
|
|
|
|
.p-2 {
|
|
padding: 0.5rem
|
|
}
|
|
|
|
.px-1 {
|
|
padding-left: 0.25rem;
|
|
padding-right: 0.25rem
|
|
}
|
|
|
|
.px-2 {
|
|
padding-left: 0.5rem;
|
|
padding-right: 0.5rem
|
|
}
|
|
|
|
.px-4 {
|
|
padding-left: 1rem;
|
|
padding-right: 1rem
|
|
}
|
|
|
|
.py-2 {
|
|
padding-top: 0.5rem;
|
|
padding-bottom: 0.5rem
|
|
}
|
|
|
|
.text-2xl {
|
|
font-size: 1.5rem;
|
|
line-height: 2rem
|
|
}
|
|
|
|
.text-sm {
|
|
font-size: 0.875rem;
|
|
line-height: 1.25rem
|
|
}
|
|
|
|
.text-xs {
|
|
font-size: 0.75rem;
|
|
line-height: 1rem
|
|
}
|
|
|
|
.font-semibold {
|
|
font-weight: 600
|
|
}
|
|
|
|
.text-gray-300 {
|
|
--tw-text-opacity: 1;
|
|
color: rgb(209 213 219 / var(--tw-text-opacity))
|
|
}
|
|
|
|
.underline {
|
|
text-decoration-line: underline
|
|
}
|
|
|
|
.filter {
|
|
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)
|
|
}
|
|
|
|
@keyframes Gradient {
|
|
0%{
|
|
background-position: 0% 50%
|
|
}
|
|
|
|
50%{
|
|
background-position: 100% 50%
|
|
}
|
|
|
|
100%{
|
|
background-position: 0% 50%
|
|
}
|
|
}
|
|
|
|
.animated-background{
|
|
background: linear-gradient(270deg, #d53369, #daae51);
|
|
background-size: 200% 200%;
|
|
animation: Gradient 2s ease infinite;
|
|
}
|
|
|
|
.hover\\:bg-gray-500:hover {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(107 114 128 / var(--tw-bg-opacity))
|
|
}
|
|
`;
|
|
document.head.appendChild(docStyle);
|
|
|