Content and layout update.

This commit is contained in:
2025-07-22 18:13:04 -07:00
parent 396dd976d9
commit 13bc51d443
15 changed files with 161 additions and 318 deletions

View File

@@ -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) {

View File

Before

Width:  |  Height:  |  Size: 1.6 MiB

After

Width:  |  Height:  |  Size: 1.6 MiB

View File

Before

Width:  |  Height:  |  Size: 143 KiB

After

Width:  |  Height:  |  Size: 143 KiB

View File

Before

Width:  |  Height:  |  Size: 1.7 MiB

After

Width:  |  Height:  |  Size: 1.7 MiB

View File

Before

Width:  |  Height:  |  Size: 102 KiB

After

Width:  |  Height:  |  Size: 102 KiB

View File

Before

Width:  |  Height:  |  Size: 35 KiB

After

Width:  |  Height:  |  Size: 35 KiB

View File

Before

Width:  |  Height:  |  Size: 1.6 MiB

After

Width:  |  Height:  |  Size: 1.6 MiB