summaryrefslogtreecommitdiffstats
path: root/core/static
diff options
context:
space:
mode:
authorMatthew Lemon <y@yulqen.org>2024-09-05 15:01:16 +0100
committerMatthew Lemon <y@yulqen.org>2024-09-05 15:01:16 +0100
commitd5833c7364060076ed4af460a6f020344ce74f21 (patch)
treef9b211d6db81ce76bd0b6e04b565a1de19e1e41d /core/static
parent257a559da9d653faf819d258a855f0bd2caec2db (diff)
Improved engagement detail page layout, using htmx
Diffstat (limited to 'core/static')
-rw-r--r--core/static/css/output.css51
1 files changed, 46 insertions, 5 deletions
diff --git a/core/static/css/output.css b/core/static/css/output.css
index cb296e2..e70dbcf 100644
--- a/core/static/css/output.css
+++ b/core/static/css/output.css
@@ -1362,6 +1362,10 @@ html {
display: grid;
}
+.hidden {
+ display: none;
+}
+
.size-4 {
width: 1rem;
height: 1rem;
@@ -1400,6 +1404,10 @@ html {
max-width: 42rem;
}
+.border-collapse {
+ border-collapse: collapse;
+}
+
.list-inside {
list-style-position: inside;
}
@@ -1444,6 +1452,12 @@ html {
gap: 2rem;
}
+.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-x-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(1rem * var(--tw-space-x-reverse));
@@ -1541,11 +1555,21 @@ html {
border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
+.border-gray-400 {
+ --tw-border-opacity: 1;
+ border-color: rgb(156 163 175 / var(--tw-border-opacity));
+}
+
.border-green-500 {
--tw-border-opacity: 1;
border-color: rgb(34 197 94 / var(--tw-border-opacity));
}
+.border-slate-400 {
+ --tw-border-opacity: 1;
+ border-color: rgb(148 163 184 / var(--tw-border-opacity));
+}
+
.border-transparent {
border-color: transparent;
}
@@ -1729,11 +1753,6 @@ html {
line-height: 2.5rem;
}
-.text-base {
- font-size: 1rem;
- line-height: 1.5rem;
-}
-
.text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
@@ -1949,6 +1968,11 @@ html {
color: rgb(30 58 138 / var(--tw-text-opacity));
}
+.hover\:text-gray-700:hover {
+ --tw-text-opacity: 1;
+ color: rgb(55 65 81 / var(--tw-text-opacity));
+}
+
.hover\:text-gray-800:hover {
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity));
@@ -1959,6 +1983,11 @@ html {
color: rgb(99 102 241 / var(--tw-text-opacity));
}
+.hover\:text-indigo-900:hover {
+ --tw-text-opacity: 1;
+ color: rgb(49 46 129 / var(--tw-text-opacity));
+}
+
.hover\:underline:hover {
text-decoration-line: underline;
}
@@ -2055,9 +2084,21 @@ html {
}
@media (min-width: 768px) {
+ .md\:w-1\/3 {
+ width: 33.333333%;
+ }
+
+ .md\:w-2\/3 {
+ width: 66.666667%;
+ }
+
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
+
+ .md\:flex-row {
+ flex-direction: row;
+ }
}
@media (min-width: 1024px) {