FeenixMakers/merged
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feature section, split. more column options

Browse Source
This commit is contained in:
Torsten
2023-01-05 18:54:13 +02:00
parent 14e3564fa4
commit b28b28da02
8 changed files with 39 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
app/views/merged/view/_section_feature.haml Normal file
View File

@ -0,0 +1,14 @@
%section.m-5.md:m-12.lg:m-20{ options(section , :background , :color)}
.grid.grid-cols-1.md:grid-cols-2
.flex.flex-col.lg:flex-row
.max-w-xl.pr-16.mx-auto.mb-10
%h2.my-4.md:my-10.text-4xl.font-extrabold.leading-none
= section.header
.mb-6{ prose_classes }
= markdown(section)
.flex.items-center
%a.inline-flex.items-center.font-semibold.transition-colors.duration-200.text-deep-purple-accent-400.hover:text-deep-purple-800{"aria-label" => "", :href => "/"} Learn more
- template = "merged/view/cards/" + section.card_template
.grid{ column_option(section)}
- section.cards.each do |card|
= render( template , card: card)

3
app/views/merged/view/cards/_card_feature_box.haml
View File

@ -1,4 +1,4 @@
.relative.p-px.overflow-hidden.transition.duration-300.transform.border.rounded.shadow-sm.hover:scale-105.group.hover:shadow-xl
.m-3.relative.p-px.overflow-hidden.transition.duration-300.transform.border.rounded.shadow-sm.hover:scale-105.group.hover:shadow-xl
.absolute.bottom-0.left-0.w-full.h-1.duration-300.origin-left.transform.scale-x-0.bg-deep-purple-accent-400.group-hover:scale-x-100
.absolute.bottom-0.left-0.w-1.h-full.duration-300.origin-bottom.transform.scale-y-0.bg-deep-purple-accent-400.group-hover:scale-y-100
.absolute.top-0.left-0.w-full.h-1.duration-300.origin-right.transform.scale-x-0.bg-deep-purple-accent-400.group-hover:scale-x-100
@ -12,4 +12,3 @@
= markdown(card)
- if card.has_option?("button_link")
%a.inline-flex.items-center.text-sm.font-semibold.transition-colors.duration-200.text-deep-purple-accent-400.hover:text-deep-purple-800{"aria-label" => "", :href => "/"} Learn more

4
app/views/merged/view/cards/_card_feature_normal.haml
View File

@ -1,7 +1,7 @@
.max-w-md.sm:mx-auto.sm:text-center
.flex.items-center.justify-center.mb-4.rounded-full.mx-auto.w-40.h-40{options(card,:background )}
.mt-4.flex.items-center.justify-center.mb-4.rounded-full.mx-auto.w-40.h-40{options(card,:background )}
= image_for( card , "h-20 w-20")
%h6.mb-3.text-xl.font-bold.leading-5{options(card, :color)}= card.header
%h4.mb-3.text-xl.font-bold.leading-5{options(card, :color)}= card.header
.mb-3.text-sm.text-gray-900{ prose_classes }
= markdown(card)
- if card.has_option?("button_link")