diff --git a/rauhala.info/css/index.css b/rauhala.info/css/index.css index 9ded951..75d2e9c 100644 --- a/rauhala.info/css/index.css +++ b/rauhala.info/css/index.css @@ -592,6 +592,10 @@ video { max-width: 36rem; } +.flex-1 { + flex: 1 1 0%; +} + .shrink { flex-shrink: 1; } @@ -616,6 +620,10 @@ video { align-items: center; } +.justify-center { + justify-content: center; +} + .justify-between { justify-content: space-between; } @@ -638,6 +646,10 @@ video { border-radius: 9999px; } +.rounded { + border-radius: 0.25rem; +} + .border-t { border-top-width: 1px; } @@ -657,6 +669,11 @@ video { background-color: rgb(249 250 251 / var(--tw-bg-opacity)); } +.bg-gray-800 { + --tw-bg-opacity: 1; + background-color: rgb(31 41 55 / var(--tw-bg-opacity)); +} + .py-24 { padding-top: 6rem; padding-bottom: 6rem; @@ -749,11 +766,31 @@ video { color: rgb(17 24 39 / var(--tw-text-opacity)); } +.text-gray-400 { + --tw-text-opacity: 1; + color: rgb(156 163 175 / var(--tw-text-opacity)); +} + +.text-white { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} + +.text-gray-300 { + --tw-text-opacity: 1; + color: rgb(209 213 219 / var(--tw-text-opacity)); +} + .hover\:bg-gray-100:hover { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } +.hover\:text-gray-400:hover { + --tw-text-opacity: 1; + color: rgb(156 163 175 / var(--tw-text-opacity)); +} + .group:hover .group-hover\:text-gray-600 { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); diff --git a/rauhala.info/templates/default.html b/rauhala.info/templates/default.html index bb7e7ad..88c454e 100644 --- a/rauhala.info/templates/default.html +++ b/rauhala.info/templates/default.html @@ -10,14 +10,16 @@
-