Sha256: 0a2e96cb2d7af7725cb1be33307a20d2eb62babc8239e97819c37acd827b68fd
Contents?: true
Size: 1.48 KB
Versions: 29
Compression:
Stored size: 1.48 KB
Contents
br
= pb_rails("title", props: { text: title, tag: "h4", size: 4 })
- if defined?(usage) && usage.present?
= pb_rails("body", props: {"tag": "p"})
usage
br
ul.pb--tokens-spacing
- sizes.each do |item|
- variable = (defined?(item[:variable]) && !item[:variable].nil?) ? "$#{item[:variable]}" : ""
- item[:dark] ||= false
- item[:class] ||= item[:variable]
li class=(item[:dark] == true ? "dark" : "") data-name="#{item[:name]}" data-variable="#{variable}"
div
div class="pb--spacing_#{item[:class]}"
= pb_rails("title", props: { text: "Spacing Props in Kits", tag: "h4", size: 4, padding_top: "sm" })
br
ul.pb_card_kit_shadow_deep_deselected.p_md
markdown:
Rails kits the following spacing props:<br/>
`margin`<br/>
`margin_bottom`<br/>
`margin_left`<br/>
`margin_right`<br/>
`margin_top`<br/>
`margin_x`<br/>
`margin_y`<br/>
`padding`<br/>
`padding_bottom`<br/>
`padding_left`<br/>
`padding_right`<br/>
`padding_top`<br/>
`padding_x`<br/>
`padding_y`<br/>
<br/>
React kits have the following spacing props:<br/>
`margin`<br/>
`marginBottom`<br/>
`marginLeft`<br/>
`marginRight`<br/>
`marginTop`<br/>
`marginX`<br/>
`marginY`<br/>
`padding`<br/>
`paddingBottom`<br/>
`paddingLeft`<br/>
`paddingRight`<br/>
`paddingTop`<br/>
`paddingX`<br/>
`paddingY`<br/>
<br/>
The values possible are: `"none", "xs", "sm", "md", "lg", "xl"`
Version data entries
29 entries across 29 versions & 1 rubygems