From e06bc1b726582f25d816041773d216d83f713f03 Mon Sep 17 00:00:00 2001 From: Chris Cochrun Date: Wed, 4 Jan 2023 14:03:13 -0600 Subject: [PATCH] updating css --- assets/css/compiled/main.css | 233 ++++++++++++++++++++++++++++------- 1 file changed, 190 insertions(+), 43 deletions(-) diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css index eff61f1..6e71b58 100644 --- a/assets/css/compiled/main.css +++ b/assets/css/compiled/main.css @@ -1,4 +1,4 @@ -/*! Blowfish v0.0.1 | MIT License | https://github.com/nunocoracao/blowfish */ +/*! Blowfish | MIT License | https://github.com/nunocoracao/blowfish */ /*! tailwindcss v3.2.1 | MIT License | https://tailwindcss.com */ @@ -1562,12 +1562,12 @@ select { top: 5rem; } -.z-30 { - z-index: 30; +.right-0 { + right: 0px; } -.z-50 { - z-index: 50; +.z-30 { + z-index: 30; } .z-10 { @@ -1637,16 +1637,16 @@ select { margin-right: -0.5rem; } -.my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; -} - .mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; } +.my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; +} + .mt-0 { margin-top: 0px; } @@ -1727,8 +1727,12 @@ select { margin-bottom: 3rem; } -.mr-2 { - margin-right: 0.5rem; +.mb-16 { + margin-bottom: 4rem; +} + +.mb-5 { + margin-bottom: 1.25rem; } .mr-3 { @@ -1763,18 +1767,26 @@ select { margin-left: 0.5rem; } +.mr-2 { + margin-right: 0.5rem; +} + .mt-2 { margin-top: 0.5rem; } -.mb-5 { - margin-bottom: 1.25rem; -} - .\!mb-9 { margin-bottom: 2.25rem !important; } +.ml-auto { + margin-left: auto; +} + +.mr-auto { + margin-right: auto; +} + .mb-\[2px\] { margin-bottom: 2px; } @@ -1847,8 +1859,16 @@ select { height: 2rem; } -.h-\[300px\] { - height: 300px; +.h-\[150px\] { + height: 150px; +} + +.h-\[800px\] { + height: 800px; +} + +.h-\[1000px\] { + height: 1000px; } .max-h-\[5rem\] { @@ -1859,6 +1879,10 @@ select { min-height: 0px; } +.min-h-\[148px\] { + min-height: 148px; +} + .w-12 { width: 3rem; } @@ -1895,14 +1919,14 @@ select { min-width: 1.8rem; } -.min-w-\[2\.4rem\] { - min-width: 2.4rem; -} - .min-w-\[220px\] { min-width: 220px; } +.min-w-full { + min-width: 100%; +} + .max-w-full { max-width: 100%; } @@ -1923,10 +1947,18 @@ select { max-width: 36rem; } +.max-w-\[1600px\] { + max-width: 1600px; +} + .max-w-3xl { max-width: 48rem; } +.max-w-\[64rem\] { + max-width: 64rem; +} + .flex-1 { flex: 1 1 0%; } @@ -2018,6 +2050,10 @@ select { gap: 2rem; } +.gap-4 { + gap: 1rem; +} + .space-y-10 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse))); @@ -2119,11 +2155,6 @@ select { border-color: rgba(var(--color-neutral-200), var(--tw-border-opacity)); } -.border-neutral-400 { - --tw-border-opacity: 1; - border-color: rgba(var(--color-neutral-400), var(--tw-border-opacity)); -} - .border-primary-400 { --tw-border-opacity: 1; border-color: rgba(var(--color-primary-400), var(--tw-border-opacity)); @@ -2167,14 +2198,14 @@ select { background-color: rgba(var(--color-neutral-100), 0.5); } -.bg-transparent { - background-color: transparent; -} - .bg-neutral-500\/50 { background-color: rgba(var(--color-neutral-500), 0.5); } +.bg-transparent { + background-color: transparent; +} + .bg-neutral-100 { --tw-bg-opacity: 1; background-color: rgba(var(--color-neutral-100), var(--tw-bg-opacity)); @@ -2233,6 +2264,10 @@ select { --tw-gradient-to: rgba(var(--color-secondary-700), 1); } +.to-neutral { + --tw-gradient-to: rgba(var(--color-neutral), 1); +} + .object-cover { -o-object-fit: cover; object-fit: cover; @@ -2269,6 +2304,10 @@ select { padding: 0px; } +.p-1\.5 { + padding: 0.375rem; +} + .p-1 { padding: 0.25rem; } @@ -2328,9 +2367,9 @@ select { padding-right: 0.25rem; } -.px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; +.px-\[30px\] { + padding-left: 30px; + padding-right: 30px; } .py-\[1px\] { @@ -2343,11 +2382,21 @@ select { padding-bottom: 2.5rem; } +.px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; +} + .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } +.py-4 { + padding-top: 1rem; + padding-bottom: 1rem; +} + .pt-8 { padding-top: 2rem; } @@ -2368,10 +2417,6 @@ select { padding-left: 1rem; } -.pl-2 { - padding-left: 0.5rem; -} - .pb-4 { padding-bottom: 1rem; } @@ -2380,6 +2425,22 @@ select { padding-top: 1rem; } +.pb-2 { + padding-bottom: 0.5rem; +} + +.pl-2 { + padding-left: 0.5rem; +} + +.pl-\[24px\] { + padding-left: 24px; +} + +.pr-\[24px\] { + padding-right: 24px; +} + .text-center { text-align: center; } @@ -2539,16 +2600,16 @@ select { color: rgba(var(--color-neutral-300), var(--tw-text-opacity)); } -.text-primary-500 { - --tw-text-opacity: 1; - color: rgba(var(--color-primary-500), var(--tw-text-opacity)); -} - .text-primary-700 { --tw-text-opacity: 1; color: rgba(var(--color-primary-700), var(--tw-text-opacity)); } +.text-primary-500 { + --tw-text-opacity: 1; + color: rgba(var(--color-primary-500), var(--tw-text-opacity)); +} + .text-primary-400 { --tw-text-opacity: 1; color: rgba(var(--color-primary-400), var(--tw-text-opacity)); @@ -2559,6 +2620,11 @@ select { color: rgba(var(--color-neutral), var(--tw-text-opacity)) !important; } +.text-primary-800 { + --tw-text-opacity: 1; + color: rgba(var(--color-primary-800), var(--tw-text-opacity)); +} + .\!no-underline { text-decoration-line: none !important; } @@ -2589,6 +2655,14 @@ select { opacity: 0; } +.opacity-30 { + opacity: 0.3; +} + +.opacity-70 { + opacity: 0.7; +} + .mix-blend-normal { mix-blend-mode: normal; } @@ -2609,6 +2683,12 @@ select { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } +.shadow-2xl { + --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); + --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + .backdrop-blur { --tw-backdrop-blur: blur(8px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); @@ -2621,6 +2701,12 @@ select { backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } +.backdrop-blur-2xl { + --tw-backdrop-blur: blur(40px); + -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); + backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); +} + .transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); @@ -3301,6 +3387,20 @@ body:has(#menu-controller:checked) { background-position:center; } +.thumbnail_card { + height: 250px; + background-repeat:no-repeat; + background-size:cover; + background-position:center; +} + +.thumbnail_card_term { + height: 150px; + background-repeat:no-repeat; + background-size:cover; + background-position:center; +} + .single_hero_basic { background-repeat:no-repeat; background-size:cover; @@ -3331,6 +3431,14 @@ body:has(#menu-controller:checked) { box-shadow: 5px 5px 20px 1px rgba(0, 0, 0, 0.3); } +.anchor { + display: block; + position: relative; + top: -100px; + height: 0px; + visibility: hidden; +} + @media (min-width: 640px) { .thumbnail { min-width: 100%; @@ -3354,6 +3462,10 @@ body:has(#menu-controller:checked) { } } +.medium-zoom-image--opened { + z-index: 100; +} + .file\:my-4::file-selector-button { margin-top: 1rem; margin-bottom: 1rem; @@ -3790,6 +3902,10 @@ body:has(#menu-controller:checked) { --tw-gradient-to: rgba(var(--color-secondary-800), 1); } +.dark .dark\:to-neutral-800 { + --tw-gradient-to: rgba(var(--color-neutral-800), 1); +} + .dark .dark\:prose-invert { --tw-prose-body: var(--tw-prose-invert-body); --tw-prose-headings: var(--tw-prose-invert-headings); @@ -3862,6 +3978,15 @@ body:has(#menu-controller:checked) { color: rgba(var(--color-neutral-100), var(--tw-text-opacity)); } +.dark .dark\:text-primary-200 { + --tw-text-opacity: 1; + color: rgba(var(--color-primary-200), var(--tw-text-opacity)); +} + +.dark .dark\:opacity-60 { + opacity: 0.6; +} + .dark .dark\:mix-blend-multiply { mix-blend-mode: multiply; } @@ -3933,6 +4058,10 @@ body:has(#menu-controller:checked) { grid-template-columns: repeat(1, minmax(0, 1fr)); } + .sm\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + .sm\:flex-row { flex-direction: row; } @@ -4024,6 +4153,10 @@ body:has(#menu-controller:checked) { height: 18rem; } + .md\:h-\[200px\] { + height: 200px; + } + .md\:h-56 { height: 14rem; } @@ -4044,6 +4177,10 @@ body:has(#menu-controller:checked) { grid-template-columns: repeat(1, minmax(0, 1fr)); } + .md\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + .md\:justify-start { justify-content: flex-start; } @@ -4215,4 +4352,14 @@ body:has(#menu-controller:checked) { .xl\:w-1\/4 { width: 25%; } + + .xl\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } +} + +@media (min-width: 1536px) { + .\32xl\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); + } } \ No newline at end of file