From 10075f1780ebefbe7fd98634331e2dc87fa34d58 Mon Sep 17 00:00:00 2001 From: sayalip Date: Mon, 1 Jul 2024 12:55:49 +0530 Subject: [PATCH 1/4] 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; + } +} + From 077afbc257cd7b8e1947076daf9d8062c39047c3 Mon Sep 17 00:00:00 2001 From: sayalip Date: Mon, 1 Jul 2024 10:57:54 +0530 Subject: [PATCH 2/4] refactor:change SEO section --- templates/catalog/_partials/products.tpl | 67 +++-- templates/layouts/layout-both-columns.tpl | 296 +++++++++++++++++++++- 2 files changed, 337 insertions(+), 26 deletions(-) diff --git a/templates/catalog/_partials/products.tpl b/templates/catalog/_partials/products.tpl index 90e7935..caa0ef1 100644 --- a/templates/catalog/_partials/products.tpl +++ b/templates/catalog/_partials/products.tpl @@ -69,22 +69,24 @@
Image

Because You Are Unique.

So Is Your Body…

@@ -94,11 +96,11 @@

- Custom Fit for teyour Comfort + Custom Fit for your Comfort

- Custom-made shirts and tuxedos are tailored just for you, offering a fit like no other. - Experience unmatched comfort and style with our tailored suits, celebrating your uniqueness. + Custom-made shirts and tuxedos are tailored specifically for you, offering an unparalleled fit. + Experience unmatched comfort and style with our tailored suits, crafted to celebrate your uniqueness.

@@ -161,11 +163,6 @@
- - - - -
Select the Fabric

@@ -246,7 +243,7 @@ Finalize the Design

Personalize details like lapels, pockets, and lining through online platform.

@@ -280,7 +277,7 @@ Get Measured

Ensure your custom apparel fits you flawlessly by getting measured.

@@ -291,3 +288,41 @@
+ + +
+

+ How Can You Get Measured? +

+
+
    +
  • - Simply scan the QR code at checkout.
    • +
  • - Carefully watch the instruction video.
    • +
  • - Next, you will have 2 photos taken to collect all needed measurements to create your custom fit.
    • +
+
+

+ (Disclaimer: Please follow the instruction video closely as it will guide you to wear specific clothing, stand barefoot, etc.) +

+
+ + Know more + + + + + +
+
diff --git a/templates/layouts/layout-both-columns.tpl b/templates/layouts/layout-both-columns.tpl index f4e400d..1bbb0c4 100644 --- a/templates/layouts/layout-both-columns.tpl +++ b/templates/layouts/layout-both-columns.tpl @@ -1,4 +1,4 @@ -{** +{* * 2007-2019 PrestaShop and Contributors * * NOTICE OF LICENSE @@ -95,9 +95,97 @@ {/block} {if $page.page_name == 'index'} -
-

Custom design by you

-
+ + +
+ + + +
+

Design and Visualize what you need

+

Choose what looks good on you

+ +
+ + +
+
+

+ The Art of Custom Clothing +

+

+ Personalize your handcrafted look with our exclusive collection of Made-to-Measure men's clothing. +

+

+ Take control and feel confident with our Perfect Fit Guarantee +

+
+ + Start Customization + +
+
+ +
+
+ +
+
+ +
+
+
+ + + +
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+

+ Tailored Perfection for a Flawless Fit +

+

+ Craft your signature style down to the finest details - from quality fabrics and distinctive + buttons to unique pocket hues and lining designs. +

+

Our Perfect Fit Guarantee ensures a tailored look that exudes your confident individuality

+
+ + Start Customization + +
+
+
+ + +
+

Curated Custom Collection

+

Experience luxury with personalized jackets and custom collections crafted just for you

+
+ +
+
-
-
-

Design and Visualize what you need

-

Choose what looks good on you

- +
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+ +
+

+ About Brooks Bingham +

+
+
  • Individuality and precision tailoring is what we celebrate.
    • +
  • We are on a mission to provide high-quality, custom-fit clothing that embodies YOU.
    • +
  • Modern with the technology, but we never forget the importance of classic traditional tailoring.
    • +
  • We are all about creating timeless, personalized pieces.
    • +
    +
    + +
    +
    +

    + Why Choose Brooks Bingham? +

    +
    +
    +

    1.

    +

    Expert

    +

    Craftmanship

    +
    +
    +

    2.

    +

    Innovative

    +

    Customization

    +
    +
    +

    3.

    +

    Quality

    +

    Materials

    +
    +
    +

    4.

    +

    Sustainable

    +

    Practices

    +
    +
    +

    5.

    +

    Exceptional

    +

    Support

    +
    +
    +
    +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    +
    + + + +
    +
    +
    + +
    +

    + See What They Think +

    +

    + The quality of my bespoke shirts from Brooks Bingham Clothing has been exceptional! +

    +

    + The fabrics, buttons, and stitching are of the highest quality. +

    +

    Matt K

    +
    + + + + + + + + + + + + + + + +
    +
    +
    + +
    +
    + + + + +
    + + +
    +

    Step into Style with a Custom Touch

    +

    + Our perfect fit guarantee ensures that every plece you order is tailored to your exact specifications, + delivering a perfect fit every time. +

    +
    + + Start Customization + +
    +
    +
    + +
    +

    BROOKSBINGHAM

    +

    Are you one of the millions of men that off the rack clothing just doesn't work for you? + A generic size built for the generic man? Brooks Bingham Clothing started exactly for this reason. + We are athletes, surrounded by athletes and strive to work with those that search for perfection. + And we were sick and tired of spending thousands on garments just to spend hundreds or thousands more + for a tailor to sort of make it fit. We strive to be a luxury solution in the clothing industry while providing + custom garments built and des gned by you for you. We give you all the power to be as creative as possible + while designing your clothing followed by the implementation of photo technology to collect all needed measurements. + Through our 3D tocits you have the ability to see and explore millions of options to complete your one of a kind piece. + We thank you for taking the time to explore Brooks Bingham Clothing and we look forward to helping you explore the + world of custom garments. +

    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + +

    Business Suits for Men

    @@ -175,7 +451,7 @@
    - +
    {l s='View More' d='Shop.Theme.Catalog'} From 3b991ae766a4f07e357a84729ac4d53e04709113 Mon Sep 17 00:00:00 2001 From: sayalip Date: Mon, 1 Jul 2024 14:09:25 +0530 Subject: [PATCH 3/4] chore: update theme.css --- assets/css/theme.css | 392 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 392 insertions(+) diff --git a/assets/css/theme.css b/assets/css/theme.css index a755a4c..02766b2 100644 --- a/assets/css/theme.css +++ b/assets/css/theme.css @@ -847,6 +847,10 @@ select { grid-column: span 1 / span 1; } +.col-span-3 { + grid-column: span 3 / span 3; +} + .col-start-1 { grid-column-start: 1; } @@ -871,10 +875,18 @@ select { grid-row-start: 1; } +.row-start-2 { + grid-row-start: 2; +} + .row-end-2 { grid-row-end: 2; } +.row-end-3 { + grid-row-end: 3; +} + .-mx-2 { margin-left: -0.5rem; margin-right: -0.5rem; @@ -930,6 +942,16 @@ select { margin-bottom: 2rem; } +.mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; +} + +.my-12 { + margin-top: 3rem; + margin-bottom: 3rem; +} + .mb-1 { margin-bottom: 0.25rem; } @@ -1026,6 +1048,18 @@ select { margin-top: 2rem; } +.mt-32 { + margin-top: 8rem; +} + +.mt-48 { + margin-top: 12rem; +} + +.mt-9 { + margin-top: 2.25rem; +} + .block { display: block; } @@ -1098,6 +1132,22 @@ select { height: 100%; } +.h-1\/2 { + height: 50%; +} + +.h-\[100px\] { + height: 100px; +} + +.h-\[20px\] { + height: 20px; +} + +.h-\[50px\] { + height: 50px; +} + .max-h-\[40px\] { max-height: 40px; } @@ -1171,6 +1221,14 @@ select { width: max-content; } +.w-\[20px\] { + width: 20px; +} + +.w-\[50px\] { + width: 50px; +} + .max-w-6xl { max-width: 72rem; } @@ -1238,10 +1296,22 @@ select { list-style-type: square; } +.grid-flow-col { + grid-auto-flow: column; +} + .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } +.grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); +} + +.grid-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)); +} + .flex-row { flex-direction: row; } @@ -1274,6 +1344,10 @@ select { align-items: baseline; } +.justify-start { + justify-content: flex-start; +} + .justify-end { justify-content: flex-end; } @@ -1331,12 +1405,27 @@ select { row-gap: 0.25rem; } +.gap-x-2 { + -moz-column-gap: 0.5rem; + column-gap: 0.5rem; +} + +.gap-y-2 { + row-gap: 0.5rem; +} + .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-2 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} + .overflow-y-auto { overflow-y: auto; } @@ -1359,6 +1448,10 @@ select { border-width: 1px; } +.border-2 { + border-width: 2px; +} + .border-t { border-top-width: 1px; } @@ -1422,6 +1515,16 @@ select { border-color: rgb(252 165 165 / var(--tw-border-opacity)); } +.border-black { + --tw-border-opacity: 1; + border-color: rgb(0 0 0 / var(--tw-border-opacity)); +} + +.border-white { + --tw-border-opacity: 1; + border-color: rgb(255 255 255 / var(--tw-border-opacity)); +} + .bg-black\/70 { background-color: rgb(0 0 0 / 0.7); } @@ -1519,6 +1622,10 @@ select { padding: 2rem; } +.p-1 { + padding: 0.25rem; +} + .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; @@ -1653,6 +1760,38 @@ select { padding-top: 2rem; } +.pb-4 { + padding-bottom: 1rem; +} + +.pl-4 { + padding-left: 1rem; +} + +.pt-0 { + padding-top: 0px; +} + +.pt-1 { + padding-top: 0.25rem; +} + +.pt-2 { + padding-top: 0.5rem; +} + +.pt-3 { + padding-top: 0.75rem; +} + +.pt-7 { + padding-top: 1.75rem; +} + +.pt-9 { + padding-top: 2.25rem; +} + .text-left { text-align: left; } @@ -1704,6 +1843,11 @@ select { line-height: 1rem; } +.text-5xl { + font-size: 3rem; + line-height: 1; +} + .font-bold { font-weight: 700; } @@ -1806,6 +1950,11 @@ select { color: rgb(255 255 255 / var(--tw-text-opacity)); } +.text-gray-300 { + --tw-text-opacity: 1; + color: rgb(209 213 219 / var(--tw-text-opacity)); +} + .underline { text-decoration-line: underline; } @@ -2171,6 +2320,19 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { position: absolute; } + .md\:bottom-28 { + bottom: 7rem; + } + + .md\:right-12 { + right: 3rem; + } + + .md\:my-24 { + margin-top: 6rem; + margin-bottom: 6rem; + } + .md\:mt-0 { margin-top: 0px; } @@ -2179,6 +2341,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { margin-top: 6rem; } + .md\:mt-32 { + margin-top: 8rem; + } + .md\:block { display: block; } @@ -2199,6 +2365,26 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { height: 3rem; } + .md\:h-\[200px\] { + height: 200px; + } + + .md\:h-\[300px\] { + height: 300px; + } + + .md\:h-\[400px\] { + height: 400px; + } + + .md\:h-\[40px\] { + height: 40px; + } + + .md\:h-\[410px\] { + height: 410px; + } + .md\:w-1\/2 { width: 50%; } @@ -2235,6 +2421,26 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { width: 70%; } + .md\:w-8\/12 { + width: 66.666667%; + } + + .md\:w-\[40\%\] { + width: 40%; + } + + .md\:w-\[40px\] { + width: 40px; + } + + .md\:w-\[50\%\] { + width: 50%; + } + + .md\:w-\[60\%\] { + width: 60%; + } + .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } @@ -2275,6 +2481,16 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { padding: 2rem; } + .md\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; + } + + .md\:px-4 { + padding-left: 1rem; + padding-right: 1rem; + } + .md\:pl-4 { padding-left: 1rem; } @@ -2291,6 +2507,50 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { padding-right: 12rem; } + .md\:pl-10 { + padding-left: 2.5rem; + } + + .md\:pl-12 { + padding-left: 3rem; + } + + .md\:pl-3 { + padding-left: 0.75rem; + } + + .md\:pl-5 { + padding-left: 1.25rem; + } + + .md\:pr-5 { + padding-right: 1.25rem; + } + + .md\:pt-0 { + padding-top: 0px; + } + + .md\:pt-10 { + padding-top: 2.5rem; + } + + .md\:pt-12 { + padding-top: 3rem; + } + + .md\:pt-6 { + padding-top: 1.5rem; + } + + .md\:pt-8 { + padding-top: 2rem; + } + + .md\:pt-9 { + padding-top: 2.25rem; + } + .md\:text-left { text-align: left; } @@ -2325,9 +2585,27 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { line-height: 1.25rem; } + .md\:text-xl { + font-size: 1.25rem; + line-height: 1.75rem; + } + + .md\:text-xs { + font-size: 0.75rem; + line-height: 1rem; + } + .md\:font-bold { font-weight: 700; } + + .md\:font-medium { + font-weight: 500; + } + + .md\:font-semibold { + font-weight: 600; + } } @media (min-width: 1024px) { @@ -2347,6 +2625,20 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { right: 0px; } + .lg\:right-20 { + right: 5rem; + } + + .lg\:my-20 { + margin-top: 5rem; + margin-bottom: 5rem; + } + + .lg\:my-32 { + margin-top: 8rem; + margin-bottom: 8rem; + } + .lg\:mb-2 { margin-bottom: 0.5rem; } @@ -2355,6 +2647,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { margin-bottom: 8rem; } + .lg\:mt-32 { + margin-top: 8rem; + } + .lg\:flex { display: flex; } @@ -2375,6 +2671,18 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { height: 90vh; } + .lg\:h-\[200px\] { + height: 200px; + } + + .lg\:h-\[400px\] { + height: 400px; + } + + .lg\:h-\[60px\] { + height: 60px; + } + .lg\:w-1\/3 { width: 33.333333%; } @@ -2403,6 +2711,14 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { width: 100%; } + .lg\:w-52 { + width: 13rem; + } + + .lg\:w-\[60px\] { + width: 60px; + } + .lg\:max-w-full { max-width: 100%; } @@ -2450,6 +2766,16 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { padding-bottom: 0px; } + .lg\:px-20 { + padding-left: 5rem; + padding-right: 5rem; + } + + .lg\:py-8 { + padding-top: 2rem; + padding-bottom: 2rem; + } + .lg\:pl-2 { padding-left: 0.5rem; } @@ -2462,6 +2788,42 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { padding-top: 6rem; } + .lg\:pb-6 { + padding-bottom: 1.5rem; + } + + .lg\:pl-24 { + padding-left: 6rem; + } + + .lg\:pl-5 { + padding-left: 1.25rem; + } + + .lg\:pr-6 { + padding-right: 1.5rem; + } + + .lg\:pt-10 { + padding-top: 2.5rem; + } + + .lg\:pt-16 { + padding-top: 4rem; + } + + .lg\:pt-20 { + padding-top: 5rem; + } + + .lg\:pt-8 { + padding-top: 2rem; + } + + .lg\:pt-9 { + padding-top: 2.25rem; + } + .lg\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; @@ -2482,6 +2844,16 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { line-height: 1.75rem; } + .lg\:text-2xl { + font-size: 1.5rem; + line-height: 2rem; + } + + .lg\:text-lg { + font-size: 1.125rem; + line-height: 1.75rem; + } + .lg\:font-bold { font-weight: 700; } @@ -2513,5 +2885,25 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { .xl\:pl-12 { padding-left: 3rem; } + + .xl\:pr-12 { + padding-right: 3rem; + } + + .xl\:text-5xl { + font-size: 3rem; + line-height: 1; + } + + .xl\:text-xl { + font-size: 1.25rem; + line-height: 1.75rem; + } +} + +@media (min-width: 1536px) { + .\32xl\:pr-16 { + padding-right: 4rem; + } } From 5faefdca77a5482b043ad87e0a23333911a4d6f3 Mon Sep 17 00:00:00 2001 From: sayalip Date: Mon, 1 Jul 2024 14:18:47 +0530 Subject: [PATCH 4/4] refactor:remove filter --- assets/css/theme.css | 4 +++ templates/catalog/_partials/sort-orders.tpl | 29 ++++++++++++--------- 2 files changed, 21 insertions(+), 12 deletions(-) diff --git a/assets/css/theme.css b/assets/css/theme.css index 02766b2..6570119 100644 --- a/assets/css/theme.css +++ b/assets/css/theme.css @@ -839,6 +839,10 @@ select { top: 100%; } +.right-1 { + right: 0.25rem; +} + .z-10 { z-index: 10; } diff --git a/templates/catalog/_partials/sort-orders.tpl b/templates/catalog/_partials/sort-orders.tpl index c92aa7a..b3dc731 100644 --- a/templates/catalog/_partials/sort-orders.tpl +++ b/templates/catalog/_partials/sort-orders.tpl @@ -1,12 +1,15 @@ + + + {** - * 2007-2019 PrestaShop and Contributors + * 2006-2019 PrestaShop and Contributors * * NOTICE OF LICENSE * - * This source file is subject to the Academic Free License 3.0 (AFL-3.0) + * This source file is subject to the Academic Free License 2.0 (AFL-3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: - * https://opensource.org/licenses/AFL-3.0 + * https://opensource.org/licenses/AFL-4.0 * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@prestashop.com so we can send you a copy immediately. @@ -18,31 +21,32 @@ * needs please refer to https://www.prestashop.com for more information. * * @author PrestaShop SA - * @copyright 2007-2019 PrestaShop SA and Contributors - * @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0) + * @copyright 2006-2019 PrestaShop SA and Contributors + * @license https://opensource.org/licenses/AFL-4.0 Academic Free License 3.0 (AFL-3.0) * International Registered Trademark & Property of PrestaShop SA *} -
    +