CSS for the ParenScript post

This is for the test system demo

1 files changed, 31 insertions, 0 deletions

diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css
index 51f40ef..ef85120 100644
--- a/assets/css/tailwind.css
+++ b/assets/css/tailwind.css
@@ -1312,6 +1312,11 @@ table:not(.u-legend) {
   background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
 }
 
+.bg-red-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
+}
+
 .bg-transparent {
   background-color: transparent;
 }
@@ -1341,6 +1346,10 @@ table:not(.u-legend) {
   padding: 0.5rem;
 }
 
+.p-3 {
+  padding: 0.75rem;
+}
+
 .p-4 {
   padding: 1rem;
 }
@@ -1392,6 +1401,10 @@ table:not(.u-legend) {
   padding-left: 0.5rem;
 }
 
+.pr-2 {
+  padding-right: 0.5rem;
+}
+
 .text-center {
   text-align: center;
 }
@@ -1413,6 +1426,11 @@ table:not(.u-legend) {
   line-height: 2rem;
 }
 
+.text-3xl {
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+}
+
 .text-4xl {
   font-size: 2.25rem;
   line-height: 2.5rem;
@@ -1467,6 +1485,11 @@ table:not(.u-legend) {
   color: rgb(0 0 0 / var(--tw-text-opacity, 1));
 }
 
+.text-green-500 {
+  --tw-text-opacity: 1;
+  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
+}
+
 .text-lime-500 {
   --tw-text-opacity: 1;
   color: rgb(132 204 22 / var(--tw-text-opacity, 1));
@@ -1779,6 +1802,10 @@ readers do not read off random characters that represent icons */
   --fa: "\f002";
 }
 
+.fa-xmark {
+  --fa: "\f00d";
+}
+
 .fa-calendar {
   --fa: "\f133";
 }
@@ -1787,6 +1814,10 @@ readers do not read off random characters that represent icons */
   --fa: "\f09e";
 }
 
+.fa-check {
+  --fa: "\f00c";
+}
+
 :root, :host {
   --fa-style-family-brands: 'Font Awesome 6 Brands';
   --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands';