Content and layout update.
@@ -862,9 +862,6 @@ body.zen-mode-enable {
|
||||
.mt-20 {
|
||||
margin-top: calc(var(--spacing) * 20);
|
||||
}
|
||||
.mt-48 {
|
||||
margin-top: calc(var(--spacing) * 48);
|
||||
}
|
||||
.mt-\[-2px\] {
|
||||
margin-top: -2px;
|
||||
}
|
||||
@@ -886,9 +883,6 @@ body.zen-mode-enable {
|
||||
.mr-3 {
|
||||
margin-right: calc(var(--spacing) * 3);
|
||||
}
|
||||
.mr-4 {
|
||||
margin-right: calc(var(--spacing) * 4);
|
||||
}
|
||||
.mr-5 {
|
||||
margin-right: calc(var(--spacing) * 5);
|
||||
}
|
||||
@@ -1056,9 +1050,6 @@ body.zen-mode-enable {
|
||||
.h-0 {
|
||||
height: calc(var(--spacing) * 0);
|
||||
}
|
||||
.h-1 {
|
||||
height: calc(var(--spacing) * 1);
|
||||
}
|
||||
.h-1\/2 {
|
||||
height: calc(1/2 * 100%);
|
||||
}
|
||||
@@ -1113,24 +1104,9 @@ body.zen-mode-enable {
|
||||
.max-h-3 {
|
||||
max-height: calc(var(--spacing) * 3);
|
||||
}
|
||||
.max-h-8 {
|
||||
max-height: calc(var(--spacing) * 8);
|
||||
}
|
||||
.max-h-10 {
|
||||
max-height: calc(var(--spacing) * 10);
|
||||
}
|
||||
.max-h-64 {
|
||||
max-height: calc(var(--spacing) * 64);
|
||||
}
|
||||
.max-h-80 {
|
||||
max-height: calc(var(--spacing) * 80);
|
||||
}
|
||||
.max-h-82 {
|
||||
max-height: calc(var(--spacing) * 82);
|
||||
}
|
||||
.max-h-85 {
|
||||
max-height: calc(var(--spacing) * 85);
|
||||
}
|
||||
.max-h-\[5rem\] {
|
||||
max-height: 5rem;
|
||||
}
|
||||
@@ -1263,9 +1239,6 @@ body.zen-mode-enable {
|
||||
.shrink-0 {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.flex-grow {
|
||||
flex-grow: 1;
|
||||
}
|
||||
.grow {
|
||||
flex-grow: 1;
|
||||
}
|
||||
@@ -1363,21 +1336,9 @@ body.zen-mode-enable {
|
||||
.justify-end {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.gap-2 {
|
||||
gap: calc(var(--spacing) * 2);
|
||||
}
|
||||
.gap-4 {
|
||||
gap: calc(var(--spacing) * 4);
|
||||
}
|
||||
.gap-6 {
|
||||
gap: calc(var(--spacing) * 6);
|
||||
}
|
||||
.gap-8 {
|
||||
gap: calc(var(--spacing) * 8);
|
||||
}
|
||||
.gap-10 {
|
||||
gap: calc(var(--spacing) * 10);
|
||||
}
|
||||
.space-y-2 {
|
||||
:where(& > :not(:last-child)) {
|
||||
--tw-space-y-reverse: 0;
|
||||
@@ -1453,9 +1414,6 @@ body.zen-mode-enable {
|
||||
.scroll-smooth {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
.\!rounded-full {
|
||||
border-radius: calc(infinity * 1px) !important;
|
||||
}
|
||||
.\!rounded-lg {
|
||||
border-radius: var(--radius-lg) !important;
|
||||
}
|
||||
@@ -1632,9 +1590,6 @@ body.zen-mode-enable {
|
||||
.bg-neutral-300 {
|
||||
background-color: rgba(var(--color-neutral-300), 1);
|
||||
}
|
||||
.bg-neutral-500 {
|
||||
background-color: rgba(var(--color-neutral-500), 1);
|
||||
}
|
||||
.bg-neutral-500\/50 {
|
||||
background-color: color-mix(in srgb, rgba(rgba(var(--color-neutral-500), 1), 1) 50%, transparent);
|
||||
@supports (color: color-mix(in lab, red, red)) {
|
||||
@@ -1722,15 +1677,9 @@ body.zen-mode-enable {
|
||||
.p-0 {
|
||||
padding: calc(var(--spacing) * 0);
|
||||
}
|
||||
.p-1 {
|
||||
padding: calc(var(--spacing) * 1);
|
||||
}
|
||||
.p-1\.5 {
|
||||
padding: calc(var(--spacing) * 1.5);
|
||||
}
|
||||
.p-2 {
|
||||
padding: calc(var(--spacing) * 2);
|
||||
}
|
||||
.p-4 {
|
||||
padding: calc(var(--spacing) * 4);
|
||||
}
|
||||
@@ -2145,10 +2094,6 @@ body.zen-mode-enable {
|
||||
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
||||
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
||||
}
|
||||
.backdrop-filter {
|
||||
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
||||
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
|
||||
}
|
||||
.transition {
|
||||
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
|
||||
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
||||
@@ -2376,20 +2321,6 @@ body.zen-mode-enable {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.hover\:rounded {
|
||||
&:hover {
|
||||
@media (hover: hover) {
|
||||
border-radius: 0.25rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
.hover\:rounded-full {
|
||||
&:hover {
|
||||
@media (hover: hover) {
|
||||
border-radius: calc(infinity * 1px);
|
||||
}
|
||||
}
|
||||
}
|
||||
.hover\:rounded-lg {
|
||||
&:hover {
|
||||
@media (hover: hover) {
|
||||
|
Before Width: | Height: | Size: 1.6 MiB After Width: | Height: | Size: 1.6 MiB |
Before Width: | Height: | Size: 143 KiB After Width: | Height: | Size: 143 KiB |
Before Width: | Height: | Size: 1.7 MiB After Width: | Height: | Size: 1.7 MiB |
Before Width: | Height: | Size: 102 KiB After Width: | Height: | Size: 102 KiB |
Before Width: | Height: | Size: 35 KiB After Width: | Height: | Size: 35 KiB |
Before Width: | Height: | Size: 1.6 MiB After Width: | Height: | Size: 1.6 MiB |