rename color to text_color
This commit is contained in:
@ -2,7 +2,7 @@
|
||||
.flex.items-center.h-40.md:h-60.lg:h-96.w-full.overflow-hidden{order_option(section, "lg:w-1/3")}
|
||||
= image_for(section ,"")
|
||||
.flex.items-center.w-full.max-w.px-6.mt-6.mx-auto{:class => "lg:w-2/3"}
|
||||
.flex-1{color_option(section)}
|
||||
.flex-1{text_color_option(section)}
|
||||
.text-center
|
||||
%h2.text-4xl.font-bold.text-center.mb-2
|
||||
= section.header
|
||||
|
@ -1,4 +1,4 @@
|
||||
.flex.flex-col.m-5.md:m-12.lg:m-20{ options(section , :background , :color)}
|
||||
.flex.flex-col.m-5.md:m-12.lg:m-20{ options(section , :background , :text_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
|
||||
|
@ -1,4 +1,4 @@
|
||||
%section.m-5.md:m-12.lg:m-20{ options(section , :background , :color)}
|
||||
%section.m-5.md:m-12.lg:m-20{ options(section , :background , :text_color)}
|
||||
.flex.justify-center
|
||||
- unless section.header.blank? and section.text.blank?
|
||||
.max-w-prose.px-4.py-16{ options(section , :text_align)}
|
||||
|
@ -1,4 +1,4 @@
|
||||
%section.m-5.md:m-12.lg:m-20{ options(section , :background , :color)}
|
||||
%section.m-5.md:m-12.lg:m-20{ options(section , :background , :text_color)}
|
||||
.grid.grid-cols-1.md:grid-cols-2
|
||||
.flex.flex-col.lg:flex-row
|
||||
.max-w-xl.pr-16.mx-auto.mb-10
|
||||
|
@ -2,7 +2,7 @@
|
||||
.px-4.py-24.sm:px-6.lg:px-8
|
||||
.flex{ item_align_option( section)}
|
||||
.p-8.md:p-12.lg:px-16.lg:py-24{options(section , :shade )}
|
||||
.mx-auto.max-w-xl{ options(section , :color, :text_align)}
|
||||
.mx-auto.max-w-xl{ options(section , :text_color, :text_align)}
|
||||
%h2.text-2xl.font-bold.md:text-5xl
|
||||
= section.header
|
||||
.sm:mt-4.text-2xl{ prose_classes }
|
||||
|
@ -1,6 +1,6 @@
|
||||
%section{ options(section , :background , :margin)}
|
||||
.flex{ options(section , :item_align )}
|
||||
.px-4.py-4.md:py-10.lg:py-16.mx-5.md:mx-12.lg: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 , :text_color)}
|
||||
%h1.text-2xl.font-bold.tracking-tight.sm:text-4xl
|
||||
= section.header
|
||||
-if section.has_option?("subheader")
|
||||
|
@ -2,7 +2,7 @@
|
||||
%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)}
|
||||
.mx-auto.max-w-xl{options(section , :text_align , :color)}
|
||||
.mx-auto.max-w-xl{options(section , :text_align , :text_color)}
|
||||
%h2.text-2xl.font-bold.md:text-4xl
|
||||
= section.header
|
||||
-if section.has_option?("subheader")
|
||||
|
@ -2,7 +2,7 @@
|
||||
.flex.items-center.h-40.md:h-60.lg:h-96.w-full.overflow-hidden{order_option(section, "lg:w-2/3")}
|
||||
= image_for(section ,"object-cover")
|
||||
.flex.items-center.w-full.max-w.px-6.mt-6.mx-auto{:class => "lg:w-1/3"}
|
||||
.flex-1{color_option(section)}
|
||||
.flex-1{text_color_option(section)}
|
||||
.text-center
|
||||
%h2.text-4xl.font-bold.text-center.mb-4.lg:mb-8= section.header
|
||||
-if section.has_option?("subheader")
|
||||
|
@ -2,7 +2,7 @@
|
||||
.flex.justify-center.h-60.w-full.overflow-hidden{order_option(section, "lg:w-1/3")}
|
||||
= image_for(section ,"object-cover")
|
||||
.columns-1.md:columns-2.max-w-full.items-center.w-full.max-w.px-6.mt-6.mx-auto{:class => "lg:w-2/3"}
|
||||
.flex-1{color_option(section)}
|
||||
.flex-1{text_color_option(section)}
|
||||
%h2.text-4xl.font-bold.text-center.mb-4.lg:mb-8= section.header
|
||||
-if section.has_option?("subheader")
|
||||
%h4.text-xl.mt-4.lg:mt-8.md:text-2xl
|
||||
|
@ -1,4 +1,4 @@
|
||||
%section.p-20.my-20{ options(section , :background , :color , :margin)}
|
||||
%section.p-20.my-20{ options(section , :background , :text_color , :margin)}
|
||||
.flex.justify-center
|
||||
.max-w-prose{ options(section , :text_align)}
|
||||
- if !section.header.blank?
|
||||
|
@ -7,7 +7,7 @@
|
||||
.flex.flex-col.mb-2.lg:items-center.lg:flex-row
|
||||
.flex.items-center.justify-center.w-16.h-16.mb-4.mr-2.rounded-full.lg:mb-0{options(card,:background )}
|
||||
= image_for( card , "h-8 w-8")
|
||||
%h6.font-semibold.leading-5{options(card, :color)}= card.header
|
||||
%h6.font-semibold.leading-5{options(card, :text_color)}= card.header
|
||||
.mb-2.text-sm.text-gray-900{ prose_classes }
|
||||
= markdown(card)
|
||||
.text-center=view_button(card , "mb-2")
|
||||
|
@ -1,7 +1,7 @@
|
||||
.max-w-md.sm:mx-auto.sm:text-center
|
||||
.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")
|
||||
%h4.mb-3.text-xl.font-bold.leading-5{options(card, :color)}= card.header
|
||||
%h4.mb-3.text-xl.font-bold.leading-5{options(card, :text_color)}= card.header
|
||||
.mb-3.text-sm.text-gray-900{ prose_classes }
|
||||
= markdown(card)
|
||||
=view_button(card , "mb-2")
|
||||
|
@ -1,7 +1,7 @@
|
||||
.group.m-8.overflow-hidden.relative.flex.h-96.items-end
|
||||
= image_for( card , "absolute inset-0 h-full w-full object-cover hover:scale-110 ease-in duration-700")
|
||||
.relative.w-full.m-2.p-4.tracking-widest{text_align_option(card ,"sm:w-1/2")}
|
||||
%div.transition-colors.group-hover:bg-black.group-hover:text-white{options(card , :text_align , :color , :background)}
|
||||
%div.transition-colors.group-hover:bg-black.group-hover:text-white{options(card , :text_align , :text_color , :background)}
|
||||
.relative.w-full.m-2.p-4
|
||||
%h3.text-lg
|
||||
= card.header
|
||||
|
@ -1,11 +1,11 @@
|
||||
.grid.grid-cols-1.gap-12.m-12.md:gap-8.md:m-8.lg:gap-12.lg:m-12
|
||||
%div{ order_option(card)}
|
||||
= image_for( card , "h-full w-full object-cover")
|
||||
.grid.h-70{options(card , :text_align , :color , :background )}
|
||||
.grid.h-70{options(card , :text_align , :text_color , :background )}
|
||||
%h3.p-4.mt-10.text-3xl.font-bold= card.header
|
||||
-if card.has_option?("subheader")
|
||||
%h4.p-4.text-xl= card.option("subheader")
|
||||
.m-6{options(card , :background , :color ) }
|
||||
.m-6{options(card , :background , :text_color ) }
|
||||
%div{ prose_classes }
|
||||
= markdown(card)
|
||||
=view_button(card , "my-2")
|
||||
|
@ -2,7 +2,7 @@
|
||||
= image_for( card , class: "h-full w-full object-cover")
|
||||
%h3.p-5.text-2xl.bg-gray-100.text-black.font-bold{ text_align_option(card)}= card.header
|
||||
%div.h-full{background_option(card)}
|
||||
.p-5{options(card , :text_align , :color)}
|
||||
.p-5{options(card , :text_align , :text_color)}
|
||||
.m-2.text-sm.leading-relaxed.line-clamp-3{ prose_classes }
|
||||
= markdown(card)
|
||||
=view_button(card , "my-2")
|
||||
|
@ -1,7 +1,7 @@
|
||||
.m-4.md:m-8.lg:m-12{background_option(card)}
|
||||
%div{ order_option(card)}
|
||||
= image_for( card , "h-full w-full object-cover")
|
||||
.m-6{options(card , :text_align , :color , :order)}
|
||||
.m-6{options(card , :text_align , :text_color , :order)}
|
||||
%h3.p-4.text-2xl.font-bold= card.header
|
||||
-if card.has_option?("subheader")
|
||||
%h4.p-4.text-xl= card.option("subheader")
|
||||
|
@ -1,6 +1,6 @@
|
||||
.flex.m-2.flex-col.lg:flex-row.md:m-4.lg:m-6{background_option(card)}
|
||||
= image_for( card , "object-cover lg:w-3/5")
|
||||
.mx-6{options(card , :text_align , :color , :order , "lg:w-2/5")}
|
||||
.mx-6{options(card , :text_align , :text_color , :order , "lg:w-2/5")}
|
||||
%h3.px-4.mt-2.text-2xl.font-bold= card.header
|
||||
-if card.has_option?("subheader")
|
||||
%h4.p-4.text-xl= card.option("subheader")
|
||||
|
Reference in New Issue
Block a user