From 10075f1780ebefbe7fd98634331e2dc87fa34d58 Mon Sep 17 00:00:00 2001 From: sayalip Date: Mon, 1 Jul 2024 12:55:49 +0530 Subject: [PATCH] chore: update theme.css --- assets/css/theme.css | 154 ++++++++++++++++++++----------------------- 1 file changed, 73 insertions(+), 81 deletions(-) diff --git a/assets/css/theme.css b/assets/css/theme.css index 60d5e2f..a755a4c 100644 --- a/assets/css/theme.css +++ b/assets/css/theme.css @@ -1,5 +1,5 @@ /* -! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com +! tailwindcss v3.3.5 | MIT License | https://tailwindcss.com */ /* @@ -32,11 +32,9 @@ 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. -7. Disable tap highlights on iOS */ -html, -:host { +html { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; @@ -52,8 +50,6 @@ html, /* 5 */ font-variation-settings: normal; /* 6 */ - -webkit-tap-highlight-color: transparent; - /* 7 */ } /* @@ -125,10 +121,8 @@ strong { } /* -1. Use the user's configured `mono` font-family by default. -2. Use the user's configured `mono` font-feature-settings by default. -3. Use the user's configured `mono` font-variation-settings by default. -4. Correct the odd `em` font sizing in all browsers. +1. Use the user's configured `mono` font family by default. +2. Correct the odd `em` font sizing in all browsers. */ code, @@ -137,12 +131,8 @@ samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ - font-feature-settings: normal; - /* 2 */ - font-variation-settings: normal; - /* 3 */ font-size: 1em; - /* 4 */ + /* 2 */ } /* @@ -211,8 +201,6 @@ textarea { /* 1 */ line-height: inherit; /* 1 */ - letter-spacing: inherit; - /* 1 */ color: inherit; /* 1 */ margin: 0; @@ -236,9 +224,9 @@ select { */ button, -input:where([type='button']), -input:where([type='reset']), -input:where([type='submit']) { +[type='button'], +[type='reset'], +[type='submit'] { -webkit-appearance: button; /* 1 */ background-color: transparent; @@ -665,10 +653,6 @@ select { --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; - --tw-contain-size: ; - --tw-contain-layout: ; - --tw-contain-paint: ; - --tw-contain-style: ; } ::backdrop { @@ -719,10 +703,6 @@ select { --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; - --tw-contain-size: ; - --tw-contain-layout: ; - --tw-contain-paint: ; - --tw-contain-style: ; } .container { @@ -940,16 +920,16 @@ select { margin-bottom: 0.5rem; } +.my-20 { + margin-top: 5rem; + margin-bottom: 5rem; +} + .my-8 { margin-top: 2rem; margin-bottom: 2rem; } -.my-32 { - margin-top: 8rem; - margin-bottom: 8rem; -} - .mb-1 { margin-bottom: 0.25rem; } @@ -1098,16 +1078,16 @@ select { height: 1.5rem; } +.h-72 { + height: 18rem; +} + .h-8 { height: 2rem; } -.h-\[350px\] { - height: 350px; -} - -.h-\[380px\] { - height: 380px; +.h-\[50vh\] { + height: 50vh; } .h-auto { @@ -1510,6 +1490,11 @@ select { object-fit: cover; } +.object-scale-down { + -o-object-fit: scale-down; + object-fit: scale-down; +} + .p-2 { padding: 0.5rem; } @@ -1544,6 +1529,11 @@ select { padding-right: 1rem; } +.px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; +} + .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; @@ -1579,11 +1569,6 @@ select { padding-bottom: 2rem; } -.px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; -} - .pb-10 { padding-bottom: 2.5rem; } @@ -1604,6 +1589,10 @@ select { padding-bottom: 1.5rem; } +.pl-0 { + padding-left: 0px; +} + .pl-12 { padding-left: 3rem; } @@ -1644,10 +1633,6 @@ select { padding-right: 2rem; } -.pt-1 { - padding-top: 0.25rem; -} - .pt-20 { padding-top: 5rem; } @@ -1664,8 +1649,8 @@ select { padding-top: 1.5rem; } -.pt-9 { - padding-top: 2.25rem; +.pt-8 { + padding-top: 2rem; } .text-left { @@ -1916,7 +1901,7 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { } .group{ - &:before, + &:before, &:after { content: ""; display: table; @@ -2171,10 +2156,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { } @media (min-width: 640px) { - .sm\:mb-1 { - margin-bottom: 0.25rem; - } - .sm\:flex { display: flex; } @@ -2246,6 +2227,14 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { width: 50%; } + .md\:w-\[30\%\] { + width: 30%; + } + + .md\:w-\[70\%\] { + width: 70%; + } + .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } @@ -2262,6 +2251,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { align-items: flex-start; } + .md\:justify-start { + justify-content: flex-start; + } + .md\:gap-0 { gap: 0px; } @@ -2298,8 +2291,8 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { padding-right: 12rem; } - .md\:pt-9 { - padding-top: 2.25rem; + .md\:text-left { + text-align: left; } .md\:text-2xl { @@ -2374,6 +2367,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { height: 66.666667%; } + .lg\:h-\[500px\] { + height: 500px; + } + .lg\:h-\[90vh\] { height: 90vh; } @@ -2390,10 +2387,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { width: 20%; } - .lg\:w-11\/12 { - width: 91.666667%; - } - .lg\:w-2\/5 { width: 40%; } @@ -2442,6 +2435,11 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { padding: 1rem; } + .lg\:px-36 { + padding-left: 9rem; + padding-right: 9rem; + } + .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; @@ -2452,17 +2450,12 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { padding-bottom: 0px; } - .lg\:px-36 { - padding-left: 9rem; - padding-right: 9rem; + .lg\:pl-2 { + padding-left: 0.5rem; } - .lg\:pt-12 { - padding-top: 3rem; - } - - .lg\:pt-14 { - padding-top: 3.5rem; + .lg\:pr-10 { + padding-right: 2.5rem; } .lg\:pt-24 { @@ -2474,26 +2467,21 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { line-height: 2.25rem; } + .lg\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; + } + .lg\:text-5xl { font-size: 3rem; line-height: 1; } - .lg\:text-lg { - font-size: 1.125rem; - line-height: 1.75rem; - } - .lg\:text-xl { font-size: 1.25rem; line-height: 1.75rem; } - .lg\:text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; - } - .lg\:font-bold { font-weight: 700; } @@ -2521,5 +2509,9 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { .xl\:w-9\/12 { width: 75%; } -} + .xl\:pl-12 { + padding-left: 3rem; + } +} +