<% content_for :categories_css do %> <% if s["button_color"] %> .<%= section_id %>__categories__button--ghost { color: rgb(<%= s["button_color"]["value"].join(",") %>); border-color: rgb(<%= s["button_color"]["value"].join(",") %>); } <% end %> <% if s["button_color_hover"] %> .<%= section_id %>__categories__button--ghost:hover { background-color: rgb(<%= s["button_color_hover"]["value"].join(",") %>); border-color: rgb(<%= s["button_color_hover"]["value"].join(",") %>); } <% end %> <% if s["category_color_hover"] %> .<%= section_id %>__categories__category-content:hover { box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1), inset 0 0 0 999999px rgba(<%= s["category_color_hover"]["value"].join(",") %>, 0.9); /* big enough number to cover the whole area */ } <% end %> <% end %>

<%= s["title"] %>

<%= s["paragraph"] %>

<% num_of_categories = s["categories"].length %> <% s["categories"].each do |category| %> <% c = category["category"] || {} # Make template tolerant to nil values %>

)">

<%= c["title"] %>

<% end %>

<% if s["button_title"] %> <%= s["button_title"]%> <% end %>