Sha256: 5827ddc65af17ccfa37d7b2aee2c1211f7deebe4a6e9d738576f9ce8397183fe
Contents?: true
Size: 1.83 KB
Versions: 1036
Compression:
Stored size: 1.83 KB
Contents
<%= pb_rails("title", props: { text: "Card Colors", tag: "h4", size: 4, margin_bottom: "sm" }) %>
<%= pb_rails("card", props: { background: "dark", dark: true, margin_bottom: "sm" }) do %>
<%= pb_rails("body", props: {
text: "Dark",
dark: true
}) %>
<% end %>
<%= pb_rails("card", props: { margin_bottom: "sm" }) do %>
<%= pb_rails("body", props: {
text: "White / Default"
}) %>
<% end %>
<%= pb_rails("card", props: { background: "light", margin_bottom: "sm" }) do %>
<%= pb_rails("body", props: {
text: "Light",
dark: false
}) %>
<% end %>
<%= pb_rails("title", props: { text: "Product Colors", tag: "h4", size: 4, margin_bottom: "sm" }) %>
<%= pb_rails("card", props: { background: "product_1_background", dark: true, margin_bottom: "sm" }) do %>
<%= pb_rails("body", props: {
text: "Product 1 Background",
dark: true
}) %>
<% end %>
<%= pb_rails("card", props: { background: "product_7_highlight", margin_bottom: "sm" }) do %>
<%= pb_rails("body", props: {
text: "Product 7 Highlight",
dark: true
}) %>
<% end %>
<%= pb_rails("card", props: { background: "product_2_background", margin_bottom: "sm" }) do %>
<%= pb_rails("body", props: {
text: "Product 2 Highlight",
dark: true
}) %>
<% end %>
<%= pb_rails("title", props: { text: "Subtle Status Colors", tag: "h4", size: 4, margin_bottom: "sm" }) %>
<%= pb_rails("card", props: { background: "success_subtle", margin_bottom: "sm" }) do %>
<%= pb_rails("body", props: {
text: "Success Subtle"
}) %>
<% end %>
<%= pb_rails("card", props: { background: "warning_subtle", margin_bottom: "sm" }) do %>
<%= pb_rails("body", props: {
text: "Warning Subtle"
}) %>
<% end %>
<%= pb_rails("card", props: { background: "info_subtle", margin_bottom: "sm" }) do %>
<%= pb_rails("body", props: {
text: "Info Subtle"
}) %>
<% end %>
Version data entries
1,036 entries across 1,036 versions & 2 rubygems