<%= t(".desktop") %> lg

<%= t(".section_p_desktop") %>

<% 12.times do %>

<% end %>

<%= t(".tablet") %>md

<%= t(".section_p_tablet") %>

<% 6.times do %>

<% end %>

<%= t(".mobile") %> sm

<%= t(".section_p_mobile") %>

<% 4.times do %>

<% end %>

<%= t(".code") %>

<%= t(".section_p_code") %>

<% link_section_url = "https://github.com/decidim/decidim/tree/develop/decidim-core/app/views/layouts/decidim/shared" %>

<%= t(".section_p_code_html", link_section_code: link_to(link_section_url, link_section_url, target: "_blank", rel: "noopener noreferrer", class: "text-secondary underline")) %>

<%= t(".full_width") %>

<%= t(".not_required") %>

<%= t(".left_aside") %>


    <%= render layout: "layouts/decidim/shared/layout_two_col" do %>
      ...
    <% end %>

<%= t(".right_aside") %>


    <%= render layout: "layouts/decidim/shared/layout_two_col", locals: { reverse: true } do %>
      ...
    <% end %>

<%= t(".centered") %>


    <%= render layout: "layouts/decidim/shared/layout_center", locals: { columns: 10 } do %>
      ...
    <% end %>

<%= t(".columns") %>

<%= t(".breakpoints") %>

<%= t(".section_p_breakpoints") %>

<% rows = [] rows << { breakpoint: "sm (640px)", properties: "max-width: 640px;" } rows << { breakpoint: "md (768px)", properties: "max-width: 768px;" } rows << { breakpoint: "lg (1024px)", properties: "max-width: 1024px;" } rows << { breakpoint: "xl (1280px)", properties: "max-width: 1280px;" } rows << { breakpoint: "2xl (1536px)", properties: "max-width: 1536px;" } rows.each do |row| %> <% end %>

<%= t(".breakpoint") %>	<%= t(".properties") %>
<%= row[:breakpoint] %>	<%= row[:properties] %>