more margin work

This commit is contained in:
Torsten 2023-01-01 15:18:18 +02:00
parent fb43a75817
commit 42ff77b70c
6 changed files with 6 additions and 6 deletions

View File

@ -1,4 +1,4 @@
%section.overflow-hidden.grid.grid-cols-2.m-20 %section.overflow-hidden.grid.grid-cols-2.m-5.md:m-12.lg:m-20
%div{ order_option(section)} %div{ order_option(section)}
= image_for( section , "h-56 w-full object-cover sm:h-full") = image_for( section , "h-56 w-full object-cover sm:h-full")
.p-8.md:p-6.lg:px-16.lg:pt-10{ background_option(section)} .p-8.md:p-6.lg:px-16.lg:pt-10{ background_option(section)}

View File

@ -1,4 +1,4 @@
.flex.flex-col.m-10.md:m-20{ options(section , :background , :color)} .flex.flex-col.m-5.md:m-12.lg:m-20{ options(section , :background , :color)}
.flex.items-center.justify-center.flex-1 .flex.items-center.justify-center.flex-1
.max-w-prose.px-4.mt-16.mx-auto.text-center .max-w-prose.px-4.mt-16.mx-auto.text-center
%h1.text-4xl.font-medium= section.header %h1.text-4xl.font-medium= section.header

View File

@ -1,4 +1,4 @@
%section.m-20{ options(section , :background , :color)} %section.m-5.md:m-12.lg:m-20{ options(section , :background , :color)}
.flex.justify-center .flex.justify-center
.max-w-prose.px-4.py-16{ options(section , :text_align)} .max-w-prose.px-4.py-16{ options(section , :text_align)}
%h1.text-2xl.font-bold.tracking-tight.sm:text-4xl %h1.text-2xl.font-bold.tracking-tight.sm:text-4xl

View File

@ -1,6 +1,6 @@
%section{ options(section , :background , :margin)} %section{ options(section , :background , :margin)}
.flex{ options(section , :item_align )} .flex{ options(section , :item_align )}
.px-4.py-16.mx-20{options(section , :text_align , :color)} .px-4.py-4.md:py-10.lg:py-16.mx-5.md:mx-12.lg:mx-20{options(section , :text_align , :color)}
%h1.text-2xl.font-bold.tracking-tight.sm:text-4xl %h1.text-2xl.font-bold.tracking-tight.sm:text-4xl
= section.header = section.header
-if section.has_option?("subheader") -if section.has_option?("subheader")

View File

@ -1,4 +1,4 @@
%section.overflow-hidden.grid.grid-cols-1.m-20.md:grid-cols-2 %section.overflow-hidden.grid.grid-cols-1.m-5.md:m-12.lg:m-20.md:grid-cols-2
%div{ order_option(section)} %div{ order_option(section)}
= image_for( section , "h-56 w-full object-cover sm:h-full") = image_for( section , "h-56 w-full object-cover sm:h-full")
.p-8.md:p-12.lg:px-16.lg:py-24{ background_option(section)} .p-8.md:p-12.lg:px-16.lg:py-24{ background_option(section)}

View File

@ -1,4 +1,4 @@
.m-10{background_option(card)} .m-4.md:m-8.lg:m-12{background_option(card)}
= image_for( card , "h-96 w-full object-cover") = image_for( card , "h-96 w-full object-cover")
.m-6{options(card , :text_align , :color)} .m-6{options(card , :text_align , :color)}
%h3.p-4.text-2xl.font-bold= card.header %h3.p-4.text-2xl.font-bold= card.header