diff options
Diffstat (limited to 'src/_includes/assets')
-rw-r--r-- | src/_includes/assets/css/styles.css | 294 |
1 files changed, 62 insertions, 232 deletions
diff --git a/src/_includes/assets/css/styles.css b/src/_includes/assets/css/styles.css index cb44d57..18034ac 100644 --- a/src/_includes/assets/css/styles.css +++ b/src/_includes/assets/css/styles.css @@ -770,14 +770,6 @@ select { visibility: visible; } -.invisible { - visibility: hidden; -} - -.fixed { - position: fixed; -} - .absolute { position: absolute; } @@ -790,22 +782,6 @@ select { right: 0px; } -.bottom-0 { - bottom: 0px; -} - -.top-0 { - top: 0px; -} - -.left-0 { - left: 0px; -} - -.z-50 { - z-index: 50; -} - .col-span-3 { grid-column: span 3 / span 3; } @@ -818,18 +794,10 @@ select { float: right; } -.float-left { - float: left; -} - .m-4 { margin: 1rem; } -.m-0 { - margin: 0px; -} - .-my-8 { margin-top: -2rem; margin-bottom: -2rem; @@ -855,11 +823,6 @@ select { margin-bottom: 1rem; } -.-my-5 { - margin-top: -1.25rem; - margin-bottom: -1.25rem; -} - .mt-10 { margin-top: 2.5rem; } @@ -944,26 +907,6 @@ select { margin-bottom: 0.75rem; } -.mr-1 { - margin-right: 0.25rem; -} - -.mb-0 { - margin-bottom: 0px; -} - -.-mr-2 { - margin-right: -0.5rem; -} - -.mt-4 { - margin-top: 1rem; -} - -.ml-2 { - margin-left: 0.5rem; -} - .ml-0 { margin-left: 0px; } @@ -976,10 +919,6 @@ select { margin-top: 2rem; } -.box-content { - box-sizing: content-box; -} - .block { display: block; } @@ -1024,10 +963,6 @@ select { height: 0.5rem; } -.h-4 { - height: 1rem; -} - .h-12 { height: 3rem; } @@ -1036,14 +971,6 @@ select { height: 100%; } -.h-1 { - height: 0.25rem; -} - -.max-h-full { - max-height: 100%; -} - .w-full { width: 100%; } @@ -1052,32 +979,14 @@ select { width: 0.5rem; } -.w-96 { - width: 24rem; -} - -.w-4 { - width: 1rem; -} - .w-12 { width: 3rem; } -.min-w-max { - min-width: -webkit-max-content; - min-width: -moz-max-content; - min-width: max-content; -} - .max-w-5xl { max-width: 64rem; } -.max-w-full { - max-width: 100%; -} - .max-w-md { max-width: 28rem; } @@ -1102,10 +1011,6 @@ select { flex-shrink: 1; } -.flex-grow { - flex-grow: 1; -} - .border-collapse { border-collapse: collapse; } @@ -1126,10 +1031,6 @@ select { resize: both; } -.list-none { - list-style-type: none; -} - .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } @@ -1196,12 +1097,6 @@ select { margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); } -.space-x-2 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0.5rem * var(--tw-space-x-reverse)); - margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); -} - .space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); @@ -1218,14 +1113,6 @@ select { overflow: hidden; } -.overflow-y-auto { - overflow-y: auto; -} - -.whitespace-nowrap { - white-space: nowrap; -} - .rounded-lg { border-radius: 0.5rem; } @@ -1242,14 +1129,6 @@ select { border-radius: 0px; } -.rounded { - border-radius: 0.25rem; -} - -.rounded-sm { - border-radius: 0.125rem; -} - .rounded-l-md { border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; @@ -1280,10 +1159,6 @@ select { border-style: dashed; } -.border-none { - border-style: none; -} - .border-gray-300 { --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity)); @@ -1293,29 +1168,29 @@ select { border-color: transparent; } -.bg-main-background { +.bg-main-dark-brown-2 { --tw-bg-opacity: 1; - background-color: rgb(255 255 254 / var(--tw-bg-opacity)); + background-color: rgb(51 39 42 / var(--tw-bg-opacity)); } -.bg-darkish-300 { +.bg-main-normal-brown { --tw-bg-opacity: 1; - background-color: rgb(13 43 69 / var(--tw-bg-opacity)); + background-color: rgb(89 74 78 / var(--tw-bg-opacity)); } -.bg-main-cardbackground { +.bg-main-dark-brown { --tw-bg-opacity: 1; - background-color: rgb(250 238 231 / var(--tw-bg-opacity)); + background-color: rgb(51 39 42 / var(--tw-bg-opacity)); } -.bg-darkish-100 { +.bg-darkish-50 { --tw-bg-opacity: 1; - background-color: rgb(84 78 104 / var(--tw-bg-opacity)); + background-color: rgb(141 105 122 / var(--tw-bg-opacity)); } -.bg-darkish-50 { +.bg-darkish-300 { --tw-bg-opacity: 1; - background-color: rgb(141 105 122 / var(--tw-bg-opacity)); + background-color: rgb(13 43 69 / var(--tw-bg-opacity)); } .bg-gray-300 { @@ -1343,23 +1218,24 @@ select { background-color: rgb(32 60 86 / var(--tw-bg-opacity)); } -.bg-main-cardheading { +.bg-darkish-100 { --tw-bg-opacity: 1; - background-color: rgb(51 39 42 / var(--tw-bg-opacity)); + background-color: rgb(84 78 104 / var(--tw-bg-opacity)); } -.bg-lightish-200 { +.bg-black { --tw-bg-opacity: 1; - background-color: rgb(255 170 94 / var(--tw-bg-opacity)); + background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } -.bg-blue-600 { +.bg-yellow-500 { --tw-bg-opacity: 1; - background-color: rgb(37 99 235 / var(--tw-bg-opacity)); + background-color: rgb(234 179 8 / var(--tw-bg-opacity)); } -.bg-transparent { - background-color: transparent; +.bg-purple-500 { + --tw-bg-opacity: 1; + background-color: rgb(168 85 247 / var(--tw-bg-opacity)); } .bg-sky-700 { @@ -1377,33 +1253,29 @@ select { background-color: rgb(126 34 206 / var(--tw-bg-opacity)); } -.bg-black { +.bg-gray-100 { --tw-bg-opacity: 1; - background-color: rgb(0 0 0 / var(--tw-bg-opacity)); + background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } -.bg-yellow-500 { +.bg-yellow-50 { --tw-bg-opacity: 1; - background-color: rgb(234 179 8 / var(--tw-bg-opacity)); + background-color: rgb(254 252 232 / var(--tw-bg-opacity)); } -.bg-purple-500 { +.bg-main-cream-white-1 { --tw-bg-opacity: 1; - background-color: rgb(168 85 247 / var(--tw-bg-opacity)); + background-color: rgb(255 255 254 / var(--tw-bg-opacity)); } -.bg-gray-100 { +.bg-main-red { --tw-bg-opacity: 1; - background-color: rgb(243 244 246 / var(--tw-bg-opacity)); + background-color: rgb(255 139 167 / var(--tw-bg-opacity)); } -.bg-yellow-50 { +.bg-main-cream-white-2 { --tw-bg-opacity: 1; - background-color: rgb(254 252 232 / var(--tw-bg-opacity)); -} - -.bg-clip-padding { - background-clip: padding-box; + background-color: rgb(250 238 231 / var(--tw-bg-opacity)); } .object-cover { @@ -1427,10 +1299,6 @@ select { padding: 2rem; } -.p-4 { - padding: 1rem; -} - .p-10 { padding: 2.5rem; } @@ -1503,10 +1371,6 @@ select { padding-left: 0.25rem; } -.text-left { - text-align: left; -} - .text-center { text-align: center; } @@ -1527,6 +1391,10 @@ select { font-family: supplyLight, sans-serif; } +.font-mono { + font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +} + .text-lg { font-size: 1.125rem; line-height: 1.75rem; @@ -1578,33 +1446,21 @@ select { font-weight: 500; } -.font-normal { - font-weight: 400; -} - -.uppercase { - text-transform: uppercase; +.font-thin { + font-weight: 100; } .italic { font-style: italic; } -.leading-tight { - line-height: 1.25; -} - -.leading-normal { - line-height: 1.5; -} - .leading-4 { line-height: 1rem; } -.text-lightish-200 { +.text-main-cream-white-1 { --tw-text-opacity: 1; - color: rgb(255 170 94 / var(--tw-text-opacity)); + color: rgb(255 255 254 / var(--tw-text-opacity)); } .text-lightish-50 { @@ -1612,9 +1468,9 @@ select { color: rgb(255 236 214 / var(--tw-text-opacity)); } -.text-main-cardheading { +.text-lightish-200 { --tw-text-opacity: 1; - color: rgb(51 39 42 / var(--tw-text-opacity)); + color: rgb(255 170 94 / var(--tw-text-opacity)); } .text-darkish-300 { @@ -1662,14 +1518,14 @@ select { color: rgb(84 78 104 / var(--tw-text-opacity)); } -.text-red-600 { +.text-yellow-500 { --tw-text-opacity: 1; - color: rgb(220 38 38 / var(--tw-text-opacity)); + color: rgb(234 179 8 / var(--tw-text-opacity)); } -.text-yellow-500 { +.text-red-600 { --tw-text-opacity: 1; - color: rgb(234 179 8 / var(--tw-text-opacity)); + color: rgb(220 38 38 / var(--tw-text-opacity)); } .text-red-700 { @@ -1702,14 +1558,29 @@ select { color: rgb(21 94 117 / var(--tw-text-opacity)); } -.text-lightish-100 { +.text-main-normal-brown { --tw-text-opacity: 1; - color: rgb(255 212 163 / var(--tw-text-opacity)); + color: rgb(89 74 78 / var(--tw-text-opacity)); } -.text-main-cardparagraph { +.text-main-cream-white-2 { --tw-text-opacity: 1; - color: rgb(89 74 78 / var(--tw-text-opacity)); + color: rgb(250 238 231 / var(--tw-text-opacity)); +} + +.text-main-red { + --tw-text-opacity: 1; + color: rgb(255 139 167 / var(--tw-text-opacity)); +} + +.text-main-dark-brown-2 { + --tw-text-opacity: 1; + color: rgb(51 39 42 / var(--tw-text-opacity)); +} + +.text-main-dark-brown { + --tw-text-opacity: 1; + color: rgb(51 39 42 / var(--tw-text-opacity)); } .underline { @@ -1717,10 +1588,6 @@ select { text-decoration-line: underline; } -.opacity-50 { - opacity: 0.5; -} - .shadow-\[5px_5px_0px_0px_rgba\(0\2c 0\2c 0\2c 255\)\] { --tw-shadow: 5px 5px 0px 0px rgba(0,0,0,255); --tw-shadow-colored: 5px 5px 0px 0px var(--tw-shadow-color); @@ -1739,23 +1606,6 @@ select { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.shadow-md { - --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.shadow-lg { - --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -.outline-none { - outline: 2px solid transparent; - outline-offset: 2px; -} - .outline { outline-style: solid; } @@ -1764,26 +1614,6 @@ select { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } -.transition { - transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter; - 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); -} - .line-clamp-1 { overflow: hidden; display: -webkit-box; |