From 4c46db473163a9ca640ad0978ea4061d97e5870d Mon Sep 17 00:00:00 2001 From: Chris Cochrun Date: Mon, 7 Nov 2022 09:41:23 -0600 Subject: [PATCH] adding some css changes --- assets/css/compiled/main.css | 129 +++++++++++++++++++++++++++++++---- 1 file changed, 114 insertions(+), 15 deletions(-) diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css index 629cc7e..23e8d71 100644 --- a/assets/css/compiled/main.css +++ b/assets/css/compiled/main.css @@ -1421,6 +1421,10 @@ select { top: calc(100vh - 5.5rem); } +.right-0 { + right: 0px; +} + .top-20 { top: 5rem; } @@ -1453,6 +1457,10 @@ select { margin: 0px; } +.m-2 { + margin: 0.5rem; +} + .m-1 { margin: 0.25rem; } @@ -1547,6 +1555,10 @@ select { margin-bottom: 3rem; } +.mb-5 { + margin-bottom: 1.25rem; +} + .mt-5 { margin-top: 1.25rem; } @@ -1595,10 +1607,6 @@ select { margin-top: 0.5rem; } -.mb-5 { - margin-bottom: 1.25rem; -} - .\!mb-9 { margin-bottom: 2.25rem !important; } @@ -1667,8 +1675,16 @@ select { height: 2rem; } -.h-\[300px\] { - height: 300px; +.h-\[250px\] { + height: 250px; +} + +.h-\[900px\] { + height: 900px; +} + +.h-\[1000px\] { + height: 1000px; } .max-h-\[5rem\] { @@ -1711,6 +1727,10 @@ select { min-width: 0px; } +.min-w-full { + min-width: 100%; +} + .min-w-\[1\.8rem\] { min-width: 1.8rem; } @@ -1743,6 +1763,10 @@ select { max-width: 36rem; } +.max-w-\[1600px\] { + max-width: 1600px; +} + .max-w-3xl { max-width: 48rem; } @@ -1911,16 +1935,16 @@ 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-neutral-300 { --tw-border-opacity: 1; border-color: rgba(var(--color-neutral-300), 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)); @@ -2015,6 +2039,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; @@ -2106,6 +2134,11 @@ select { padding-right: 0.5rem; } +.py-4 { + padding-top: 1rem; + padding-bottom: 1rem; +} + .py-\[1px\] { padding-top: 1px; padding-bottom: 1px; @@ -2142,10 +2175,26 @@ select { padding-left: 1rem; } +.pl-8 { + padding-left: 2rem; +} + +.pr-8 { + padding-right: 2rem; +} + .pt-3 { padding-top: 0.75rem; } +.pt-4 { + padding-top: 1rem; +} + +.pb-2 { + padding-bottom: 0.5rem; +} + .pl-2 { padding-left: 0.5rem; } @@ -2154,10 +2203,6 @@ select { padding-bottom: 1rem; } -.pt-4 { - padding-top: 1rem; -} - .text-center { text-align: center; } @@ -2347,6 +2392,14 @@ select { opacity: 0; } +.opacity-30 { + opacity: 0.3; +} + +.opacity-70 { + opacity: 0.7; +} + .mix-blend-normal { mix-blend-mode: normal; } @@ -2361,6 +2414,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); +} + .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); @@ -2379,6 +2438,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); @@ -3059,6 +3124,13 @@ body:has(#menu-controller:checked) { background-position:center; } +.thumbnail_card { + height: 250px; + background-repeat:no-repeat; + background-size:cover; + background-position:center; +} + .single_hero_basic { background-repeat:no-repeat; background-size:cover; @@ -3418,6 +3490,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); @@ -3490,6 +3566,15 @@ body:has(#menu-controller:checked) { color: rgba(var(--color-neutral-100), var(--tw-text-opacity)); } +.dark .dark\:text-primary-300 { + --tw-text-opacity: 1; + color: rgba(var(--color-primary-300), var(--tw-text-opacity)); +} + +.dark .dark\:opacity-60 { + opacity: 0.6; +} + .dark .dark\:mix-blend-multiply { mix-blend-mode: multiply; } @@ -3653,6 +3738,10 @@ body:has(#menu-controller:checked) { height: 18rem; } + .md\:h-\[300px\] { + height: 300px; + } + .md\:h-56 { height: 14rem; } @@ -3751,6 +3840,10 @@ body:has(#menu-controller:checked) { height: 100%; } + .lg\:h-\[350px\] { + height: 350px; + } + .lg\:w-auto { width: auto; } @@ -3834,4 +3927,10 @@ body:has(#menu-controller:checked) { .xl\:w-1\/4 { width: 25%; } +} + +@media (min-width: 1536px) { + .\32xl\:w-1\/5 { + width: 20%; + } } \ No newline at end of file