From 88c553b01713652904a87f6f12c280957239e80e Mon Sep 17 00:00:00 2001
From: "fanky.eu" <jakub.webisti@gmail.com>
Date: Fri, 14 May 2021 18:05:16 +0200
Subject: [PATCH] benefits height symetric to siblings in row + demo
---
.../01-molecules/24-benefits/benefits-pirati-stan.mustache | 2 +-
.../detail-program-pirati-stan.mustache | 6 +++---
source/css/molecules/benefits-pirati-stan.pcss | 3 ++-
3 files changed, 6 insertions(+), 5 deletions(-)
diff --git a/source/_patterns/01-molecules/24-benefits/benefits-pirati-stan.mustache b/source/_patterns/01-molecules/24-benefits/benefits-pirati-stan.mustache
index 451ef77..59be3b8 100644
--- a/source/_patterns/01-molecules/24-benefits/benefits-pirati-stan.mustache
+++ b/source/_patterns/01-molecules/24-benefits/benefits-pirati-stan.mustache
@@ -2,6 +2,6 @@
<img src="https://loremflickr.com/341/175"/>
<div class="benefit-detail bg-acidgreen">
<p class="head-heavy-base w-full pr-8">Mladí a bezdětní včetně studentů</p>
- <p class="text-sm">Zachováme svobodný internet pro nastupující generace a zbavíme ho toxicity botů, kteří rozkládají naši společnost.</p>
+ <p class="text-sm">{{^ demoDesc }}Zachováme svobodný internet pro nastupující generace a zbavíme ho toxicity botů, kteří rozkládají naši společnost.{{/ demoDesc}}{{ demoDesc }}</p>
</div>
</div>
\ No newline at end of file
diff --git a/source/_patterns/03-templates/coalition-program-points/detail-program-pirati-stan.mustache b/source/_patterns/03-templates/coalition-program-points/detail-program-pirati-stan.mustache
index b3b047b..33b5816 100644
--- a/source/_patterns/03-templates/coalition-program-points/detail-program-pirati-stan.mustache
+++ b/source/_patterns/03-templates/coalition-program-points/detail-program-pirati-stan.mustache
@@ -50,15 +50,15 @@
<h3 class="head-alt-base mb-8 mt-20">BENEFITY</h3>
<div class="program-detail-benefity grid grid-cols-1 sm:grid-cols-2 gap-4 lg:gap-8">
- {{> molecules-benefits-pirati-stan}}
+ {{> molecules-benefits-pirati-stan(demoDesc: "Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.")}}
{{> molecules-benefits-pirati-stan}}
{{> molecules-benefits-pirati-stan}}
{{> molecules-benefits-pirati-stan}}
</div>
<div class="program-detail-benefity mt-8 grid grid-cols-1 sm:grid-cols-2 gap-4 lg:gap-8">
+ {{> atoms-colored-card(cardColor: "acidgreen", classes: "text-black card--hoveractive", bodyClasses: "p-4", title: "Ekonomicky ohrožení", description: "Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet." )}}
{{> atoms-colored-card(cardColor: "acidgreen", classes: "text-black card--hoveractive", bodyClasses: "p-4", title: "Ekonomicky ohrožení" )}}
- {{> atoms-colored-card(cardColor: "acidgreen", classes: "text-black card--hoveractive", bodyClasses: "p-4", title: "Ekonomicky ohrožení" )}}
- {{> atoms-colored-card(cardColor: "acidgreen", classes: "text-black card--hoveractive", bodyClasses: "p-4", title: "Ekonomicky ohrožení" )}}
+ {{> atoms-colored-card(cardColor: "acidgreen", classes: "text-black card--hoveractive", bodyClasses: "p-4", title: "Ekonomicky ohrožení", description: "Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet." )}}
{{> atoms-colored-card(cardColor: "acidgreen", classes: "text-black card--hoveractive", bodyClasses: "p-4", title: "Ekonomicky ohrožení" )}}
{{> atoms-colored-card(cardColor: "acidgreen", classes: "text-black card--hoveractive", bodyClasses: "p-4", title: "Ekonomicky ohrožení" )}}
{{> atoms-colored-card(cardColor: "acidgreen", classes: "text-black card--hoveractive", bodyClasses: "p-4", title: "Ekonomicky ohrožení" )}}
diff --git a/source/css/molecules/benefits-pirati-stan.pcss b/source/css/molecules/benefits-pirati-stan.pcss
index 175d7db..53673d2 100644
--- a/source/css/molecules/benefits-pirati-stan.pcss
+++ b/source/css/molecules/benefits-pirati-stan.pcss
@@ -1,4 +1,5 @@
.benefit {
+ @apply flex flex-col;
img {
@apply w-full;
}
@@ -14,6 +15,6 @@
}
.benefit-detail {
- @apply px-4 pt-7 pb-14;
+ @apply px-4 pt-7 pb-14 h-full;
}
}
\ No newline at end of file
--
GitLab