diff --git a/src/QUI/Bricks/Controls/BoxContentAdvanced.boxWithShadow.css b/src/QUI/Bricks/Controls/BoxContentAdvanced.boxWithShadow.css index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..be1452dc2d25eaa68ba2136d22c8f1054c07665c 100644 --- a/src/QUI/Bricks/Controls/BoxContentAdvanced.boxWithShadow.css +++ b/src/QUI/Bricks/Controls/BoxContentAdvanced.boxWithShadow.css @@ -0,0 +1,37 @@ +.quiqqer-boxContentAdvanced-wrapper.template-boxWithShadow { + overflow: visible; +} + +.quiqqer-boxContentAdvanced-entries__boxWithShadow { + padding: 2rem 0; +} + +.quiqqer-boxContentAdvanced-entries__boxWithShadow .quiqqer-boxContentAdvanced-entry { + box-shadow: 0 20px 40px -12px rgba(0,0,0,0.13); + background-color: #fff; +} + +.quiqqer-boxContentAdvanced-entries__boxWithShadow .quiqqer-boxContentAdvanced-entry-img { + background: #f8f8f8; + margin-bottom: 1rem; + text-align: center; +} + +.quiqqer-boxContentAdvanced-entries__boxWithShadow header { + padding-left: 1rem; + padding-right: 1rem; +} + +.quiqqer-boxContentAdvanced-entries__boxWithShadow .quiqqer-boxContentAdvanced-entry-content { + padding: 1rem 1rem 0; +} + +.quiqqer-boxContentAdvanced-entries__boxWithShadow .quiqqer-boxContentAdvanced-entry-img .fa { + margin-bottom: 3rem; + margin-top: 3rem; +} + +.quiqqer-boxContentAdvanced-entries__boxWithShadow .centerText header, +.quiqqer-boxContentAdvanced-entries__boxWithShadow .centerText .quiqqer-boxContentAdvanced-entry-content { + text-align: center; +} \ No newline at end of file diff --git a/src/QUI/Bricks/Controls/BoxContentAdvanced.boxWithShadow.html b/src/QUI/Bricks/Controls/BoxContentAdvanced.boxWithShadow.html index 0ada1055d9d4740f36fbefa1a3ee1956a11e5efe..5b0cc920750b9fc21f114089036ca0d49ac89111 100644 --- a/src/QUI/Bricks/Controls/BoxContentAdvanced.boxWithShadow.html +++ b/src/QUI/Bricks/Controls/BoxContentAdvanced.boxWithShadow.html @@ -1,6 +1,10 @@ -<div class="quiqqer-boxContentAdvanced-entries quiqqer-boxContentAdvanced__standard"> +<div class="quiqqer-boxContentAdvanced-entries quiqqer-boxContentAdvanced-entries__boxWithShadow"> + {assign var=centerTex value=''} + {if $centerText} + {assign var=centerText value='centerText'} + {/if} {foreach from=$entries item=entry} - <div class="quiqqer-boxContentAdvanced-entry-container quiqqer-boxContentAdvanced{$entriesPerLine}" + <div class="quiqqer-boxContentAdvanced-entry-container quiqqer-boxContentAdvanced{$entriesPerLine} {$centerText}" {if $entry.entryOrder}style="order: {$entry.entryOrder}"{/if}> <div class="quiqqer-boxContentAdvanced-entry"> {if $entry.entryImage} diff --git a/src/QUI/Bricks/Controls/BoxContentAdvanced.css b/src/QUI/Bricks/Controls/BoxContentAdvanced.css index 4785d4bc256d00b3f377bc4c58282858e76de76a..a9ec97e9c13dc19b41746c3a1235e4ba5132b375 100644 --- a/src/QUI/Bricks/Controls/BoxContentAdvanced.css +++ b/src/QUI/Bricks/Controls/BoxContentAdvanced.css @@ -51,3 +51,19 @@ .quiqqer-boxContentAdvanced-10 { width: 10%; } + +@media screen and (max-width: 767px) { + .quiqqer-boxContentAdvanced-entries .quiqqer-boxContentAdvanced-entry-container { + flex: 1 0 280px; + } +} + +.quiqqer-boxContentAdvanced-entry-img picture, +.quiqqer-boxContentAdvanced-entry-img img { + width: auto; +} + +.quiqqer-boxContentAdvanced-entry-img .fa { + font-size: 60px; + margin-bottom: 2rem; +} \ No newline at end of file diff --git a/src/QUI/Bricks/Controls/BoxContentAdvanced.html b/src/QUI/Bricks/Controls/BoxContentAdvanced.html index 033920c6bfe28fe3152bc053e11eebf3ad0fa86a..dd431c466b39d7367b81be2620243b1a3e329469 100644 --- a/src/QUI/Bricks/Controls/BoxContentAdvanced.html +++ b/src/QUI/Bricks/Controls/BoxContentAdvanced.html @@ -10,7 +10,7 @@ </div> {/if} -<div class="quiqqer-boxContentAdvanced-wrapper grid-children"> +<div class="quiqqer-boxContentAdvanced-wrapper grid-children template-{$this->getAttribute('template')}"> <div class="grid-children-container"> {$entriesTemplate} </div> diff --git a/src/QUI/Bricks/Controls/BoxContentAdvanced.standard.css b/src/QUI/Bricks/Controls/BoxContentAdvanced.standard.css index 72ec96666e9346fa32bd1779954b1d3324bae09f..1d5c42620e95e53e34a16468a3f2a2cc01fcdfd4 100644 --- a/src/QUI/Bricks/Controls/BoxContentAdvanced.standard.css +++ b/src/QUI/Bricks/Controls/BoxContentAdvanced.standard.css @@ -1,45 +1,31 @@ -.quiqqer-boxContentAdvanced-entry-img { +.quiqqer-boxContentAdvanced-entries__standard .quiqqer-boxContentAdvanced-entry-img { margin-bottom: 2rem; text-align: center; } -.quiqqer-boxContentAdvanced-entry-img picture { - display: block; +.quiqqer-boxContentAdvanced-entries__standard .quiqqer-boxContentAdvanced-entry-img picture { height: 250px; - width: auto !important; } -.quiqqer-boxContentAdvanced-entry-img .fa { - font-size: 40px; - margin-bottom: 2rem; -} - -.quiqqer-boxContentAdvanced-entry-container.centerText .quiqqer-boxContentAdvanced-entry header { - text-align: center; -} - -.quiqqer-boxContentAdvanced-entry-title { +.quiqqer-boxContentAdvanced-entries__standard .quiqqer-boxContentAdvanced-entry-title { font-size: 1.25rem; } -.quiqqer-boxContentAdvanced-entry-subTitle { +.quiqqer-boxContentAdvanced-entries__standard .quiqqer-boxContentAdvanced-entry-subTitle { font-size: 0.9rem; } -.quiqqer-boxContentAdvanced-entry-container.centerText .quiqqer-boxContentAdvanced-entry-content { - text-align: center; +.quiqqer-boxContentAdvanced-entries__standard .quiqqer-boxContentAdvanced-entry-content *:last-child { + margin-bottom: 0; } -.quiqqer-boxContentAdvanced-entry-content *:last-child { - margin-bottom: 0; +.quiqqer-boxContentAdvanced-entries__standard .centerText header, +.quiqqer-boxContentAdvanced-entries__standard .centerText .quiqqer-boxContentAdvanced-entry-content { + text-align: center; } @media screen and (max-width: 767px) { - .quiqqer-boxContentAdvanced-entry-container { - flex: 1 0 280px; - } - - .quiqqer-boxContentAdvanced-entry-img picture { + .quiqqer-boxContentAdvanced-entries__standard .quiqqer-boxContentAdvanced-entry-img picture { height: auto; } } \ No newline at end of file diff --git a/src/QUI/Bricks/Controls/BoxContentAdvanced.standard.html b/src/QUI/Bricks/Controls/BoxContentAdvanced.standard.html index 8bb2970c30259023e779245b6a56cd806ba5515d..31e656d844fd5d701a837a9a5dd7ab061b8bda63 100644 --- a/src/QUI/Bricks/Controls/BoxContentAdvanced.standard.html +++ b/src/QUI/Bricks/Controls/BoxContentAdvanced.standard.html @@ -1,4 +1,4 @@ -<div class="quiqqer-boxContentAdvanced-entries quiqqer-boxContentAdvanced__standard"> +<div class="quiqqer-boxContentAdvanced-entries quiqqer-boxContentAdvanced-entries__standard"> {assign var=centerTex value=''} {if $centerText} {assign var=centerText value='centerText'}