diff --git a/app/views/merged/view/_blog_header.haml b/app/views/merged/view/_blog_header.haml index c68a84a..9348be1 100644 --- a/app/views/merged/view/_blog_header.haml +++ b/app/views/merged/view/_blog_header.haml @@ -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)} = 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)} diff --git a/app/views/merged/view/_form_section.haml b/app/views/merged/view/_form_section.haml index a908c7c..dd750af 100644 --- a/app/views/merged/view/_form_section.haml +++ b/app/views/merged/view/_form_section.haml @@ -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 .max-w-prose.px-4.mt-16.mx-auto.text-center %h1.text-4xl.font-medium= section.header diff --git a/app/views/merged/view/_section_cards.haml b/app/views/merged/view/_section_cards.haml index 921beea..c5c38f2 100644 --- a/app/views/merged/view/_section_cards.haml +++ b/app/views/merged/view/_section_cards.haml @@ -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 .max-w-prose.px-4.py-16{ options(section , :text_align)} %h1.text-2xl.font-bold.tracking-tight.sm:text-4xl diff --git a/app/views/merged/view/_section_full_up.haml b/app/views/merged/view/_section_full_up.haml index 826755b..65debfb 100644 --- a/app/views/merged/view/_section_full_up.haml +++ b/app/views/merged/view/_section_full_up.haml @@ -1,6 +1,6 @@ %section{ options(section , :background , :margin)} .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 = section.header -if section.has_option?("subheader") diff --git a/app/views/merged/view/_section_half_image.haml b/app/views/merged/view/_section_half_image.haml index 08d80dd..8aaa171 100644 --- a/app/views/merged/view/_section_half_image.haml +++ b/app/views/merged/view/_section_half_image.haml @@ -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)} = 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)} diff --git a/app/views/merged/view/cards/_card_normal_square.haml b/app/views/merged/view/cards/_card_normal_square.haml index 8c25e30..326eb25 100644 --- a/app/views/merged/view/cards/_card_normal_square.haml +++ b/app/views/merged/view/cards/_card_normal_square.haml @@ -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") .m-6{options(card , :text_align , :color)} %h3.p-4.text-2xl.font-bold= card.header