diff --git a/Emails/wwwroot/output.css b/Emails/wwwroot/output.css index 0bffb69..b76d0d7 100644 --- a/Emails/wwwroot/output.css +++ b/Emails/wwwroot/output.css @@ -589,6 +589,10 @@ video { height: 1.25rem; } +.h-4 { + height: 1rem; +} + .w-full { width: 100%; } @@ -685,10 +689,6 @@ video { border-radius: 1rem; } -.rounded-xl { - border-radius: 0.75rem; -} - .rounded-lg { border-radius: 0.5rem; } @@ -697,8 +697,8 @@ video { border-radius: 9999px; } -.rounded-sm { - border-radius: 0.125rem; +.rounded-xl { + border-radius: 0.75rem; } .border-4 { @@ -717,6 +717,10 @@ video { border-right-width: 1px; } +.border-r-2 { + border-right-width: 2px; +} + .border-b { border-bottom-width: 1px; } @@ -726,16 +730,21 @@ video { border-color: rgb(41 55 71 / var(--tw-border-opacity)); } -.border-email-neon { - --tw-border-opacity: 1; - border-color: rgb(76 227 90 / var(--tw-border-opacity)); -} - .border-email-line-soft { --tw-border-opacity: 1; border-color: rgb(27 41 54 / var(--tw-border-opacity)); } +.border-email-flow-target { + --tw-border-opacity: 1; + border-color: rgb(251 191 36 / var(--tw-border-opacity)); +} + +.border-email-neon { + --tw-border-opacity: 1; + border-color: rgb(76 227 90 / var(--tw-border-opacity)); +} + .border-email-neon-soft { --tw-border-opacity: 1; border-color: rgb(21 56 32 / var(--tw-border-opacity)); @@ -766,11 +775,6 @@ video { background-color: rgb(8 17 28 / var(--tw-bg-opacity)); } -.bg-email-neon-soft { - --tw-bg-opacity: 1; - background-color: rgb(21 56 32 / var(--tw-bg-opacity)); -} - .bg-email-surface { --tw-bg-opacity: 1; background-color: rgb(13 21 30 / var(--tw-bg-opacity)); @@ -786,6 +790,26 @@ video { background-color: rgb(27 41 54 / var(--tw-bg-opacity)); } +.bg-email-flow-track { + --tw-bg-opacity: 1; + background-color: rgb(23 35 48 / var(--tw-bg-opacity)); +} + +.bg-email-flow-progress { + --tw-bg-opacity: 1; + background-color: rgb(76 227 90 / var(--tw-bg-opacity)); +} + +.bg-email-flow-overflow { + --tw-bg-opacity: 1; + background-color: rgb(139 92 246 / var(--tw-bg-opacity)); +} + +.bg-email-flow-flat { + --tw-bg-opacity: 1; + background-color: rgb(59 130 246 / var(--tw-bg-opacity)); +} + .bg-email-red { --tw-bg-opacity: 1; background-color: rgb(240 82 82 / var(--tw-bg-opacity)); @@ -826,6 +850,11 @@ video { background-color: rgb(249 115 22 / var(--tw-bg-opacity)); } +.bg-email-neon-soft { + --tw-bg-opacity: 1; + background-color: rgb(21 56 32 / var(--tw-bg-opacity)); +} + .bg-email-red-soft { --tw-bg-opacity: 1; background-color: rgb(58 23 26 / var(--tw-bg-opacity)); @@ -896,21 +925,6 @@ video { padding-bottom: 0.25rem; } -.py-0\.5 { - padding-top: 0.125rem; - padding-bottom: 0.125rem; -} - -.py-0 { - padding-top: 0px; - padding-bottom: 0px; -} - -.py-1\.5 { - padding-top: 0.375rem; - padding-bottom: 0.375rem; -} - .pt-2 { padding-top: 0.5rem; } @@ -995,10 +1009,6 @@ video { text-align: center; } -.align-middle { - vertical-align: middle; -} - .font-email { font-family: Trebuchet MS, Segoe UI, Arial, sans-serif; } @@ -1073,6 +1083,14 @@ video { font-size: 12px; } +.text-\[18px\] { + font-size: 18px; +} + +.text-\[15px\] { + font-size: 15px; +} + .font-semibold { font-weight: 600; } @@ -1136,16 +1154,16 @@ video { color: rgb(244 247 250 / var(--tw-text-opacity)); } -.text-email-neon { - --tw-text-opacity: 1; - color: rgb(76 227 90 / var(--tw-text-opacity)); -} - .text-email-muted { --tw-text-opacity: 1; color: rgb(160 172 184 / var(--tw-text-opacity)); } +.text-email-neon { + --tw-text-opacity: 1; + color: rgb(76 227 90 / var(--tw-text-opacity)); +} + .text-email-dim { --tw-text-opacity: 1; color: rgb(112 128 145 / var(--tw-text-opacity)); @@ -1166,6 +1184,11 @@ video { color: rgb(139 92 246 / var(--tw-text-opacity)); } +.text-email-blue { + --tw-text-opacity: 1; + color: rgb(59 130 246 / var(--tw-text-opacity)); +} + .line-through { text-decoration-line: line-through; }