diff --git a/_dev/elegance.css b/_dev/elegance.css index 97f8b55..eceed28 100644 --- a/_dev/elegance.css +++ b/_dev/elegance.css @@ -65,3 +65,16 @@ input[type="radio"],input[type="checkbox"] { clear: both; } } + +@media (max-width: 1024px) { + .hide-on-small { + display: none; + } +} + +@media (max-width: 480px) { + .xxs { + font-size: xx-small; + } +} + diff --git a/assets/css/theme.css b/assets/css/theme.css index 099a162..61c8d50 100755 --- a/assets/css/theme.css +++ b/assets/css/theme.css @@ -783,8 +783,8 @@ select { bottom: 0px; } -.bottom-5 { - bottom: 1.25rem; +.bottom-1 { + bottom: 0.25rem; } .bottom-\[50\%\] { @@ -807,6 +807,10 @@ select { right: 3rem; } +.right-2 { + right: 0.5rem; +} + .right-4 { right: 1rem; } @@ -835,6 +839,38 @@ select { z-index: 10; } +.col-span-1 { + grid-column: span 1 / span 1; +} + +.col-start-1 { + grid-column-start: 1; +} + +.col-start-2 { + grid-column-start: 2; +} + +.row-span-1 { + grid-row: span 1 / span 1; +} + +.row-span-2 { + grid-row: span 2 / span 2; +} + +.row-span-3 { + grid-row: span 3 / span 3; +} + +.row-start-1 { + grid-row-start: 1; +} + +.row-end-2 { + grid-row-end: 2; +} + .-mx-2 { margin-left: -0.5rem; margin-right: -0.5rem; @@ -875,16 +911,6 @@ select { margin-bottom: 0.5rem; } -.my-32 { - margin-top: 8rem; - margin-bottom: 8rem; -} - -.my-5 { - margin-top: 1.25rem; - margin-bottom: 1.25rem; -} - .my-8 { margin-top: 2rem; margin-bottom: 2rem; @@ -906,6 +932,10 @@ select { margin-bottom: 0.5rem; } +.mb-24 { + margin-bottom: 6rem; +} + .mb-3 { margin-bottom: 0.75rem; } @@ -914,10 +944,6 @@ select { margin-bottom: 1rem; } -.mb-6 { - margin-bottom: 1.5rem; -} - .mb-8 { margin-bottom: 2rem; } @@ -982,6 +1008,10 @@ select { margin-top: 2rem; } +.mb-20 { + margin-bottom: 5rem; +} + .block { display: block; } @@ -1002,6 +1032,10 @@ select { display: flow-root; } +.grid { + display: grid; +} + .hidden { display: none; } @@ -1010,10 +1044,6 @@ select { aspect-ratio: 342/513; } -.h-1\/2 { - height: 50%; -} - .h-12 { height: 3rem; } @@ -1038,10 +1068,6 @@ select { height: 2rem; } -.h-\[400px\] { - height: 400px; -} - .h-auto { height: auto; } @@ -1074,10 +1100,6 @@ select { width: 3.5rem; } -.w-2\/5 { - width: 40%; -} - .w-24 { width: 6rem; } @@ -1086,10 +1108,6 @@ select { width: 75%; } -.w-3\/5 { - width: 60%; -} - .w-32 { width: 8rem; } @@ -1102,10 +1120,6 @@ select { width: 11rem; } -.w-48 { - width: 12rem; -} - .w-5 { width: 1.25rem; } @@ -1198,6 +1212,10 @@ select { list-style-type: square; } +.grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); +} + .flex-row { flex-direction: row; } @@ -1270,6 +1288,15 @@ select { gap: 2rem; } +.gap-x-1 { + -moz-column-gap: 0.25rem; + column-gap: 0.25rem; +} + +.gap-y-1 { + row-gap: 0.25rem; +} + .space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); @@ -1306,11 +1333,6 @@ select { border-style: none; } -.border-\[\#74848E\] { - --tw-border-opacity: 1; - border-color: rgb(116 132 142 / var(--tw-border-opacity)); -} - .border-blue-300 { --tw-border-opacity: 1; border-color: rgb(147 197 253 / var(--tw-border-opacity)); @@ -1366,11 +1388,6 @@ select { border-color: rgb(252 165 165 / var(--tw-border-opacity)); } -.bg-\[\#000E2A\] { - --tw-bg-opacity: 1; - background-color: rgb(0 14 42 / var(--tw-bg-opacity)); -} - .bg-black\/70 { background-color: rgb(0 0 0 / 0.7); } @@ -1405,11 +1422,6 @@ select { background-color: rgb(254 242 242 / var(--tw-bg-opacity)); } -.bg-slate-200 { - --tw-bg-opacity: 1; - background-color: rgb(226 232 240 / var(--tw-bg-opacity)); -} - .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); @@ -1525,6 +1537,14 @@ select { padding-right: 0px; } +.pr-1 { + padding-right: 0.25rem; +} + +.pr-1\.5 { + padding-right: 0.375rem; +} + .pr-2 { padding-right: 0.5rem; } @@ -1796,6 +1816,18 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { } } +@media (max-width: 1024px) { + .hide-on-small { + display: none; + } +} + +@media (max-width: 480px) { + .xxs { + font-size: xx-small; + } +} + .file\:mr-4::file-selector-button { margin-right: 1rem; } @@ -2032,11 +2064,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { .sm\:flex { display: flex; } - - .sm\:text-sm { - font-size: 0.875rem; - line-height: 1.25rem; - } } @media (min-width: 768px) { @@ -2044,10 +2071,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { position: absolute; } - .md\:mt-28 { - margin-top: 7rem; - } - .md\:block { display: block; } @@ -2084,6 +2107,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { width: 6rem; } + .md\:w-3\/5 { + width: 60%; + } + .md\:w-3\/6 { width: 50%; } @@ -2132,6 +2159,16 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { padding-right: 12rem; } + .md\:text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; + } + + .md\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; + } + .md\:text-base { font-size: 1rem; line-height: 1.5rem; @@ -2157,24 +2194,20 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { position: static; } - .lg\:absolute { - position: absolute; + .lg\:bottom-3 { + bottom: 0.75rem; } .lg\:right-0 { right: 0px; } - .lg\:mb-20 { - margin-bottom: 5rem; - } - .lg\:mb-32 { margin-bottom: 8rem; } - .lg\:mt-24 { - margin-top: 6rem; + .lg\:mb-2 { + margin-bottom: 0.5rem; } .lg\:flex { @@ -2241,6 +2274,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { background-color: transparent; } + .lg\:p-4 { + padding: 1rem; + } + .lg\:py-0 { padding-top: 0px; padding-bottom: 0px; @@ -2250,25 +2287,15 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { padding-top: 6rem; } - .lg\:text-center { - text-align: center; - } - - .lg\:text-2xl { - font-size: 1.5rem; - line-height: 2rem; - } - - .lg\:text-lg { - font-size: 1.125rem; - line-height: 1.75rem; - } - .lg\:text-xl { font-size: 1.25rem; line-height: 1.75rem; } + .lg\:font-bold { + font-weight: 700; + } + .lg\:shadow-none { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; @@ -2281,3 +2308,4 @@ input[type="radio"]:focus,input[type="checkbox"]:focus { width: 25%; } } + diff --git a/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl b/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl index edc3c95..9d8076b 100644 --- a/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl +++ b/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl @@ -31,7 +31,7 @@ {include file="catalog/_partials/miniatures/product.tpl" product=$product} {/foreach} - + {l s='All products' d='Shop.Theme.Catalog'} diff --git a/templates/layouts/layout-both-columns.tpl b/templates/layouts/layout-both-columns.tpl index e05596c..66671ae 100644 --- a/templates/layouts/layout-both-columns.tpl +++ b/templates/layouts/layout-both-columns.tpl @@ -86,33 +86,33 @@ {if $page.page_name == 'index'}
-

Product Categories

-
+

Custom design by you

+
-

Custom made Shirts

+

Shirts
-

Custom made Suits

+

Suits
-

Custom made Sport Jackets

+

Sport Jackets
-

Custom made Tuxedos

+

Tuxedos
@@ -120,79 +120,69 @@
-
-
- -
-
-

Business suits for men

-

Tailored business Suits designed for you to make a powerful impression and radiate confidence.

- -
-
+
+

Design and Visualize what you need

+

Choose what looks good on you

+ +
+ +
+
+

Business Suits for Men

+

Make a powerful impression and radiate confidence

+ Tailored business Suits designed for you to make a + powerful impression and radiate confidence. +
+
+

Browse through our design

+

Get inspired with our curated outfit ideas

+ +
+
+

Get the perfect fit

+

Get inspired with our curated outfit ideas

+ The future of fashion with our innovative designs. Customization options tailored to your measurements and discover your perfect fit in minutes +
+
+
+ +
+
+

Wear Your Identity

+

Fashion that speaks volumes

+ +
+
+

Timeless Quality

+

Fashion that stands the test of time

+ Invest in enduring fashion with our commitment to quality and + durability.From custom-made tuxedos to business suits, each piece stands the test of time. +
+
+

Tailored to your specifications

+

Tailor every detail to match your preferences

+
+
+
-
- -
- -

Get the Perfect Fit

-

Experience a flawless & Ideal fit tailored to Your Specifications

-

The future of fashion with our innovative designs. Customization options tailored to your measurements witih a flawless silhouette every time.Discover your perfect fit in minutes.

- - {l s='Explore'} - - -
-
-
- -
-

Timeless Quality

-

Fashion that stands the test of time.

-

Invest in enduring fashion with our commitment to quality and durability. From custom-made tuxedos to business suits, each piece stands the test of time.

- - {l s='Explore' } - - -
-
- -

Browse through our Sophisticated Design

-

Get inspired with our curated outfit ideas, showcasing stylish combinations for every occasion. Customize your ensemble with custom-made shirts, stretch shirts, and sport jackets for men.

-
-
- -
- - -
-
- -
{l s='View More' d='Shop.Theme.Catalog'} -
-
-

Who Are We?

-

BrooksBingham is your destination for custom-tailored menswear, where authenticity is woven into every stitch. Experience our cutting-edge fitting technology for a flawless fit tailored to your measurements in minutes.Our perfect fit guarantee ensures that every piece you order is tailored to your exact specifications, delivering a perfect fit every time.

- - Learn More - - + +
+
+
+

“ + BrooksBingham is your destination for custom-tailored menswear, where authenticity is woven into every stitch.”

+ +

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

+
{/if}