pacnpal/thrillwiki_django_no_react
1
1
Fork 0
mirror of https://github.com/pacnpal/thrillwiki_django_no_react.git synced 2025-12-22 16:31:09 -05:00
Code Issues Packages Projects Releases Wiki Activity

Standardize park and ride cards using Django Cotton components

Browse Source 
Introduces reusable Django Cotton components for park and ride cards, standardizing their presentation and enforcing the use of the django-cotton templating system. Updates static CSS for new color variables and gradient stops.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 0bdea3fb-49ea-4863-b501-fa6f5af0cbf0
Replit-Commit-Checkpoint-Type: intermediate_checkpoint
This commit is contained in:
pac7
2025-09-22 03:21:14 +00:00
parent 0331e2087a
commit 25e6fdb496
5 changed files with 425 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
static/css/tailwind.css
View File

@@ -22,6 +22,7 @@
--color-orange-200: oklch(90.1% 0.076 70.697);
--color-orange-600: oklch(64.6% 0.222 41.116);
--color-orange-800: oklch(47% 0.157 37.304);
--color-orange-900: oklch(40.8% 0.123 38.172);
--color-amber-100: oklch(96.2% 0.059 95.617);
--color-amber-800: oklch(47.3% 0.137 46.201);
--color-yellow-50: oklch(98.7% 0.026 102.212);
@@ -1730,6 +1731,10 @@
--tw-gradient-to: var(--color-blue-50);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-blue-600 {
--tw-gradient-to: var(--color-blue-600);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-gray-100 {
--tw-gradient-to: var(--color-gray-100);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -3907,6 +3912,11 @@
}
}
}
.dark\:bg-orange-900 {
@media (prefers-color-scheme: dark) {
background-color: var(--color-orange-900);
}
}
.dark\:bg-purple-800 {
@media (prefers-color-scheme: dark) {
background-color: var(--color-purple-800);
@@ -4239,6 +4249,11 @@
color: var(--color-green-900);
}
}
.dark\:text-orange-200 {
@media (prefers-color-scheme: dark) {
color: var(--color-orange-200);
}
}
.dark\:text-primary {
@media (prefers-color-scheme: dark) {
color: var(--color-primary);