CSTF/civilsociety-dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Enhance layout and styling with new CSS classes, update homepage layout to custom, and add summaries and feature images to various articles for improved content presentation.

Browse Source
This commit is contained in:
Paul Payne
2025-07-09 17:09:14 -07:00
parent 59db4fc091
commit 599e3a1649
22 changed files with 77 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
assets/css/compiled/main.css
View File

@@ -859,6 +859,9 @@ 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;
}
@@ -1041,6 +1044,9 @@ 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%);
}
@@ -1227,6 +1233,9 @@ body.zen-mode-enable {
.shrink-0 {
flex-shrink: 0;
}
.flex-grow {
flex-grow: 1;
}
.grow {
flex-grow: 1;
}
@@ -1321,6 +1330,9 @@ body.zen-mode-enable {
.justify-center {
justify-content: center;
}
.justify-end {
justify-content: flex-end;
}
.gap-4 {
gap: calc(var(--spacing) * 4);
}
@@ -1578,6 +1590,9 @@ 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)) {
@@ -1665,6 +1680,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);
}
@@ -2079,6 +2097,10 @@ 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));