diff options
Diffstat (limited to 'src/_includes/assets/css/styles.css')
-rw-r--r-- | src/_includes/assets/css/styles.css | 119 |
1 files changed, 91 insertions, 28 deletions
diff --git a/src/_includes/assets/css/styles.css b/src/_includes/assets/css/styles.css index 67f071f..8cd32c5 100644 --- a/src/_includes/assets/css/styles.css +++ b/src/_includes/assets/css/styles.css @@ -827,21 +827,31 @@ select { margin-bottom: 1rem; } -.my-10 { - margin-top: 2.5rem; - margin-bottom: 2.5rem; -} - .my-0 { margin-top: 0px; margin-bottom: 0px; } +.my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; +} + .-my-5 { margin-top: -1.25rem; margin-bottom: -1.25rem; } +.-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; +} + +.-mx-8 { + margin-left: -2rem; + margin-right: -2rem; +} + .mt-10 { margin-top: 2.5rem; } @@ -926,6 +936,10 @@ select { margin-bottom: 0.75rem; } +.ml-2 { + margin-left: 0.5rem; +} + .ml-0 { margin-left: 0px; } @@ -938,8 +952,12 @@ select { margin-top: 2rem; } -.ml-2 { - margin-left: 0.5rem; +.ml-10 { + margin-left: 2.5rem; +} + +.ml-7 { + margin-left: 1.75rem; } .block { @@ -962,6 +980,10 @@ select { display: table; } +.inline-table { + display: inline-table; +} + .grid { display: grid; } @@ -1002,22 +1024,30 @@ select { width: 0.5rem; } +.w-1 { + width: 0.25rem; +} + .w-12 { width: 3rem; } -.w-1 { - width: 0.25rem; +.w-auto { + width: auto; } -.max-w-4xl { - max-width: 56rem; +.min-w-full { + min-width: 100%; } .max-w-5xl { max-width: 64rem; } +.max-w-4xl { + max-width: 56rem; +} + .max-w-md { max-width: 28rem; } @@ -1144,6 +1174,10 @@ select { border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } +.overflow-auto { + overflow: auto; +} + .overflow-hidden { overflow: hidden; } @@ -1270,14 +1304,14 @@ select { background-color: rgb(79 70 229 / var(--tw-bg-opacity)); } -.bg-lightish-50 { +.bg-darkish-100 { --tw-bg-opacity: 1; - background-color: rgb(255 236 214 / var(--tw-bg-opacity)); + background-color: rgb(84 78 104 / var(--tw-bg-opacity)); } -.bg-darkish-100 { +.bg-lightish-50 { --tw-bg-opacity: 1; - background-color: rgb(84 78 104 / var(--tw-bg-opacity)); + background-color: rgb(255 236 214 / var(--tw-bg-opacity)); } .bg-darkish-50 { @@ -1375,6 +1409,11 @@ select { background-color: rgb(59 130 246 / var(--tw-bg-opacity)); } +.bg-red-500 { + --tw-bg-opacity: 1; + background-color: rgb(239 68 68 / var(--tw-bg-opacity)); +} + .object-cover { -o-object-fit: cover; object-fit: cover; @@ -1400,6 +1439,10 @@ select { padding: 2.5rem; } +.p-5 { + padding: 1.25rem; +} + .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; @@ -1440,6 +1483,11 @@ select { padding-bottom: 3rem; } +.px-8 { + padding-left: 2rem; + padding-right: 2rem; +} + .pt-3 { padding-top: 0.75rem; } @@ -1520,16 +1568,16 @@ select { line-height: 1.75rem; } -.text-xs { - font-size: 0.75rem; - line-height: 1rem; -} - .text-3xl { font-size: 1.875rem; line-height: 2.25rem; } +.text-xs { + font-size: 0.75rem; + line-height: 1rem; +} + .text-base { font-size: 1rem; line-height: 1.5rem; @@ -1555,6 +1603,10 @@ select { font-weight: 500; } +.font-light { + font-weight: 300; +} + .uppercase { text-transform: uppercase; } @@ -1622,6 +1674,11 @@ select { color: rgb(255 255 255 / var(--tw-text-opacity)); } +.text-gray-900 { + --tw-text-opacity: 1; + color: rgb(17 24 39 / var(--tw-text-opacity)); +} + .text-darkish-300 { --tw-text-opacity: 1; color: rgb(13 43 69 / var(--tw-text-opacity)); @@ -1915,11 +1972,6 @@ pre[class*="language-"] { color: rgb(13 43 69 / var(--tw-text-opacity)); } -.hover\:underline:hover { - -webkit-text-decoration-line: underline; - text-decoration-line: underline; -} - .focus\:border-indigo-500:focus { --tw-border-opacity: 1; border-color: rgb(99 102 241 / var(--tw-border-opacity)); @@ -1950,6 +2002,11 @@ pre[class*="language-"] { grid-column: span 2 / span 2; } + .sm\:-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; + } + .sm\:overflow-hidden { overflow: hidden; } @@ -2035,7 +2092,13 @@ pre[class*="language-"] { } @media (min-width: 1024px) { - .lg\:rounded-lg { - border-radius: 0.5rem; + .lg\:-mx-8 { + margin-left: -2rem; + margin-right: -2rem; + } + + .lg\:px-8 { + padding-left: 2rem; + padding-right: 2rem; } -}
\ No newline at end of file +} |