diff --git a/bin/css/style.css b/bin/css/style.css index 51b50e6d4da5dbb9498e9cecb28f82df7445bb3b..c5bcf1b390804e73e0bf7598953f3165d5221988 100644 --- a/bin/css/style.css +++ b/bin/css/style.css @@ -618,8 +618,8 @@ body { .content-body, .content-template { - margin-top: 2rem; - margin-bottom: 2rem; + margin-top: 4rem; + margin-bottom: 4rem; } /***********/ diff --git a/layout/leftSidebar.html b/layout/leftSidebar.html index db2e9c10ad73314d88887974f0a2b598c88599d6..c7f4f79a07c667e73486a00ea74698da2ac2d3ba 100644 --- a/layout/leftSidebar.html +++ b/layout/leftSidebar.html @@ -3,13 +3,13 @@ {assign var=prefixContentBricks value=$BricksManager->getBricksByArea('contentPrefix', $Site)} {assign var=suffixContentBricks value=$BricksManager->getBricksByArea('contentSuffix', $Site)} -<main class="container main-left-sidebar block md:flex flex-row-reverse"> - <div class="page-multiple-right page-multiple-content w-full md:w-3/4 pl-0 md:pl-4" role="main"> +<main class="container main-left-sidebar block md:flex flex-row-reverse "> + <div class="page-multiple-right page-multiple-content w-full md:w-3/4 pl-0 md:pl-4 lg:pl-8" role="main"> {if !empty( $prefixContentBricks )} {foreach from=$prefixContentBricks item=Brick} <section class="brick-id-{$Brick->getAttribute('id')}"> - <div class="brick-wrapper my-8"> + <div class="brick-wrapper my-8 lg:my-16"> {if $Brick->getAttribute('frontendTitle')} <h1 class="brick-title"> {$Brick->getAttribute('frontendTitle')} @@ -25,7 +25,7 @@ <div role="main" class="main-container clearfix"> {if $titleAndShortPos == 'page' && ($pageTitle || $pageShort)} - <div class="main-header my-8"> + <div class="main-header my-8 lg:my-16"> {if $pageTitle} <h1 class="main-header-title">{$Site->getAttribute('title')}</h1> {/if} @@ -45,7 +45,7 @@ {if !empty( $suffixContentBricks )} {foreach from=$suffixContentBricks item=Brick} <section class="brick-id-{$Brick->getAttribute('id')}"> - <div class="brick-wrapper my-8"> + <div class="brick-wrapper my-8 lg:my-16"> {if $Brick->getAttribute('frontendTitle')} <h1 class="brick-title">{$Brick->getAttribute('frontendTitle')}</h1> {/if} @@ -58,11 +58,11 @@ {/if} </div> - <div class="page-multiple-left page-multiple-sidebar w-full md:w-1/4 pr-0 md:pr-4"> + <div class="page-multiple-left page-multiple-sidebar w-full md:w-1/4 pr-0 md:pr-4 lg:pr-8"> <div class="page-multiple-sidebar-wrapper"> {foreach from=$leftSideBar item=Brick} <section class="brick-id-{$Brick->getAttribute('id')}"> - <div class="brick-wrapper brick-rightSidebar my-8"> + <div class="brick-wrapper brick-rightSidebar my-8 lg:my-16"> {if $Brick->getAttribute('frontendTitle') && $Brick->getType() != 'QUI\Bricks\Controls\Children\Listing' } diff --git a/layout/noSidebar.html b/layout/noSidebar.html index 1b9d4fbcf53b89c4179bce7da4974224745d32b3..1ef4b19f80d0356084d488673c52e7f248d66e96 100644 --- a/layout/noSidebar.html +++ b/layout/noSidebar.html @@ -6,7 +6,7 @@ {if !empty( $prefixContentBricks )} {foreach from=$prefixContentBricks item=Brick} <section class="brick-id-{$Brick->getAttribute('id')}"> - <div class="brick-wrapper my-8"> + <div class="brick-wrapper my-8 lg:my-16"> {if $Brick->getAttribute('frontendTitle')} <h1 class="brick-title"> {$Brick->getAttribute('frontendTitle')} @@ -22,7 +22,7 @@ <div role="main" class="main-container clearfix"> {if $titleAndShortPos == 'page' && ($pageTitle || $pageShort)} - <div class="main-header my-8"> + <div class="main-header my-8 lg:my-16"> {if $pageTitle} <h1 class="main-header-title">{$Site->getAttribute('title')}</h1> {/if} @@ -41,7 +41,7 @@ {if !empty( $suffixContentBricks )} {foreach from=$suffixContentBricks item=Brick} <section class="brick-id-{$Brick->getAttribute('id')}"> - <div class="brick-wrapper my-8"> + <div class="brick-wrapper my-8 lg:my-16"> {if $Brick->getAttribute('frontendTitle')} <h1 class="brick-title">{$Brick->getAttribute('frontendTitle')}</h1> {/if} diff --git a/layout/noSidebarThin.html b/layout/noSidebarThin.html index a5577ddbfe8b6a8524abbf1b0793e91005382ac1..5ac968671f13977b19d1f5cd76d21e18cb674bc4 100644 --- a/layout/noSidebarThin.html +++ b/layout/noSidebarThin.html @@ -6,7 +6,7 @@ {if !empty( $prefixContentBricks )} {foreach from=$prefixContentBricks item=Brick} <section class="brick-id-{$Brick->getAttribute('id')}"> - <div class="brick-wrapper my-8"> + <div class="brick-wrapper my-8 lg:my-16"> {if $Brick->getAttribute('frontendTitle')} <h1 class="brick-title"> {$Brick->getAttribute('frontendTitle')} @@ -22,7 +22,7 @@ <div role="main" class="main-container clearfix"> {if $titleAndShortPos == 'page' && ($pageTitle || $pageShort)} - <div class="main-header my-8"> + <div class="main-header my-8 lg:my-16"> {if $pageTitle} <h1 class="main-header-title">{$Site->getAttribute('title')}</h1> {/if} @@ -41,7 +41,7 @@ {if !empty( $suffixContentBricks )} {foreach from=$suffixContentBricks item=Brick} <section class="brick-id-{$Brick->getAttribute('id')}"> - <div class="brick-wrapper my-8"> + <div class="brick-wrapper my-8 lg:my-16"> {if $Brick->getAttribute('frontendTitle')} <h1 class="brick-title">{$Brick->getAttribute('frontendTitle')}</h1> {/if} diff --git a/layout/productLandingPage.html b/layout/productLandingPage.html index 4a9a06e29374a3e56794720fe774243d90edf81f..e19a1fbffb69e92b7ce66de5dea670d623acfae4 100644 --- a/layout/productLandingPage.html +++ b/layout/productLandingPage.html @@ -6,7 +6,7 @@ {if !empty( $prefixContentBricks )} {foreach from=$prefixContentBricks item=Brick} <section class="brick-id-{$Brick->getAttribute('id')}"> - <div class="brick-wrapper my-8"> + <div class="brick-wrapper my-8 lg:my-16"> {if $Brick->getAttribute('frontendTitle')} <h1 class="brick-title"> {$Brick->getAttribute('frontendTitle')} @@ -22,7 +22,7 @@ <div role="main" class="main-container clearfix"> {if $titleAndShortPos == 'page' && ($pageTitle || $pageShort)} - <div class="main-header my-8"> + <div class="main-header my-8 lg:my-16"> {if $pageTitle} <h1 class="main-header-title">{$Site->getAttribute('title')}</h1> {/if} @@ -41,7 +41,7 @@ {if !empty( $suffixContentBricks )} {foreach from=$suffixContentBricks item=Brick} <section class="brick-id-{$Brick->getAttribute('id')}"> - <div class="brick-wrapper my-8"> + <div class="brick-wrapper my-8 lg:my-16"> {if $Brick->getAttribute('frontendTitle')} <h1 class="brick-title">{$Brick->getAttribute('frontendTitle')}</h1> {/if} diff --git a/layout/rightSidebar.html b/layout/rightSidebar.html index b34dee10ef0aea309197dbbc9caa9f4364ef0f87..1c7cf457d7f99b17e342dce777143294498395f6 100644 --- a/layout/rightSidebar.html +++ b/layout/rightSidebar.html @@ -4,12 +4,12 @@ {assign var=suffixContentBricks value=$BricksManager->getBricksByArea('contentSuffix', $Site)} <main class="container main-right-sidebar block md:flex"> - <div class="page-multiple-left page-multiple-content w-full md:w-3/4 pr-0 md:pr-4" role="main"> + <div class="page-multiple-left page-multiple-content w-full md:w-3/4 pr-0 md:pr-4 lg:pr-8" role="main"> {if !empty( $prefixContentBricks )} {foreach from=$prefixContentBricks item=Brick} <section class="brick-id-{$Brick->getAttribute('id')}"> - <div class="brick-wrapper my-8"> + <div class="brick-wrapper my-8 lg:my-16"> {if $Brick->getAttribute('frontendTitle')} <h1 class="brick-title"> {$Brick->getAttribute('frontendTitle')} @@ -25,7 +25,7 @@ <div role="main" class="main-container clearfix"> {if $titleAndShortPos == 'page' && ($pageTitle || $pageShort)} - <div class="main-header my-8"> + <div class="main-header my-8 lg:my-16"> {if $pageTitle} <h1 class="main-header-title">{$Site->getAttribute('title')}</h1> {/if} @@ -45,7 +45,7 @@ {if !empty( $suffixContentBricks )} {foreach from=$suffixContentBricks item=Brick} <section class="brick-id-{$Brick->getAttribute('id')}"> - <div class="brick-wrapper my-8"> + <div class="brick-wrapper my-8 lg:my-16"> {if $Brick->getAttribute('frontendTitle')} <h1 class="brick-title">{$Brick->getAttribute('frontendTitle')}</h1> {/if} @@ -58,11 +58,11 @@ {/if} </div> - <div class="page-multiple-right page-multiple-sidebar w-full md:w-1/4 pl-0 md:pl-4"> + <div class="page-multiple-right page-multiple-sidebar w-full md:w-1/4 pl-0 md:pl-4 lg:pl-8"> <div class="page-multiple-sidebar-wrapper"> {foreach from=$rightSideBar item=Brick} <section class="brick-id-{$Brick->getAttribute('id')}"> - <div class="brick-wrapper brick-rightSidebar my-8"> + <div class="brick-wrapper brick-rightSidebar my-8 lg:my-16"> {if $Brick->getAttribute('frontendTitle') && $Brick->getType() != 'QUI\Bricks\Controls\Children\Listing' } diff --git a/layout/startPage.html b/layout/startPage.html index 8a1297bc3ee63c67ead3e9cc10d684290bb240e2..edf39bd34d13f758791f123f032f0976c6492f0f 100644 --- a/layout/startPage.html +++ b/layout/startPage.html @@ -6,7 +6,7 @@ {if !empty( $prefixContentBricks )} {foreach from=$prefixContentBricks item=Brick} <section class="brick-id-{$Brick->getAttribute('id')}"> - <div class="brick-wrapper my-8"> + <div class="brick-wrapper my-8 lg:my-16"> {if $Brick->getAttribute('frontendTitle')} <h1 class="brick-title"> {$Brick->getAttribute('frontendTitle')} @@ -22,7 +22,7 @@ <div role="main" class="main-container clearfix"> {if $titleAndShortPos == 'page' && ($pageTitle || $pageShort)} - <div class="main-header my-8"> + <div class="main-header my-8 lg:my-16"> {if $pageTitle} <h1 class="main-header-title">{$Site->getAttribute('title')}</h1> {/if} @@ -41,7 +41,7 @@ {if !empty( $suffixContentBricks )} {foreach from=$suffixContentBricks item=Brick} <section class="brick-id-{$Brick->getAttribute('id')}"> - <div class="brick-wrapper my-8"> + <div class="brick-wrapper my-8 lg:my-16"> {if $Brick->getAttribute('frontendTitle')} <h1 class="brick-title">{$Brick->getAttribute('frontendTitle')}</h1> {/if} diff --git a/tailwind/tailwind.style.css b/tailwind/tailwind.style.css index 0992f5a30c91e86afba67cc03a266797890e4d5d..3f76bc8f3ba04399ce37d25754d0a05c0f30f82e 100644 --- a/tailwind/tailwind.style.css +++ b/tailwind/tailwind.style.css @@ -79,7 +79,7 @@ body { .content-body, .content-template { - @apply my-8; + @apply my-16; } /***********/ diff --git a/template/page.html b/template/page.html index 8eec4b9c2f2240089b32c1a9080566d1da69515d..b01cc1f476599f9bb9082b495852a4bfe7c16b55 100644 --- a/template/page.html +++ b/template/page.html @@ -32,7 +32,7 @@ {assign var=fullWidth value='force-full-width px-0'} {/if} - {assign var=margin value="my-8"} + {assign var=margin value="my-8 lg:my-16"} {if $Brick->getSetting('general.noSpacing')} {assign var=margin value="my-0"} {/if} @@ -56,7 +56,7 @@ {assign var=brickFullWidth value='force-full-width px-0'} {/if} - {assign var=margin value="my-8"} + {assign var=margin value="my-8 lg:my-16"} {if $Brick->getSetting('general.noSpacing')} {assign var=margin value="my-0"} {/if}