diff --git a/pr-preview/pr-67/assets/css/styles.css b/pr-preview/pr-67/assets/css/styles.css index 351e50a..f7c8cb8 100644 --- a/pr-preview/pr-67/assets/css/styles.css +++ b/pr-preview/pr-67/assets/css/styles.css @@ -109,7 +109,7 @@ } /* -! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com +! tailwindcss v3.4.14 | MIT License | https://tailwindcss.com */ /* @@ -552,7 +552,7 @@ video { /* Make elements with the HTML hidden attribute stay hidden by default */ -[hidden] { +[hidden]:where(:not([hidden="until-found"])) { display: none; } @@ -922,6 +922,18 @@ video { border-width: 2px; } +.border-8{ + border-width: 8px; +} + +.border-r{ + border-right-width: 1px; +} + +.border-r-8{ + border-right-width: 8px; +} + .border-black{ --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity)); @@ -1063,6 +1075,15 @@ video { color: rgb(255 255 255 / var(--tw-text-opacity)); } +.text-slate-400{ + --tw-text-opacity: 1; + color: rgb(148 163 184 / var(--tw-text-opacity)); +} + +.underline{ + text-decoration-line: underline; +} + .transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; @@ -1071,10 +1092,20 @@ video { transition-duration: 150ms; } +.transition-colors{ + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 150ms; +} + .duration-150{ transition-duration: 150ms; } +.duration-300{ + transition-duration: 300ms; +} + .ease-in-out{ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } @@ -1172,6 +1203,21 @@ div.member img:hover { filter: none; } +.hover\:border-blue-600:hover{ + --tw-border-opacity: 1; + border-color: rgb(37 99 235 / var(--tw-border-opacity)); +} + +.hover\:border-orange-600:hover{ + --tw-border-opacity: 1; + border-color: rgb(234 88 12 / var(--tw-border-opacity)); +} + +.hover\:border-lime-500:hover{ + --tw-border-opacity: 1; + border-color: rgb(132 204 22 / var(--tw-border-opacity)); +} + @media (min-width: 340px){ .min-\[340px\]\:mx-8{ margin-left: 2rem; diff --git a/pr-preview/pr-67/index.html b/pr-preview/pr-67/index.html index 6ca3df0..2b04bf1 100644 --- a/pr-preview/pr-67/index.html +++ b/pr-preview/pr-67/index.html @@ -81,20 +81,29 @@