Sha256: 42fe5c07174ece4ad8e52635ff7abb6e134ade42cda7dee00c0dcff3e98cc923
Contents?: true
Size: 1.12 KB
Versions: 123
Compression:
Stored size: 1.12 KB
Contents
<% showcase.description "Generic spacing utilities that can be mapped to a concrete Tailwind class by each theme." %>
<% showcase.sample "Vertical Spacing" do %>
<div class="space-y">
<div class="button block">Item</div>
<div class="button block">Item</div>
<div class="button block">Item</div>
<div class="button block">Item</div>
</div>
<% end %>
<% showcase.sample "Horizontal Spacing" do %>
<div class="flex space-x">
<div class="flex-1 button">Item</div>
<div class="flex-1 button">Item</div>
<div class="flex-1 button">Item</div>
<div class="flex-1 button">Item</div>
</div>
<% end %>
<% showcase.sample "Vertical Gaps" do %>
<div class="grid gap-y">
<div class="button block">Item</div>
<div class="button block">Item</div>
<div class="button block">Item</div>
<div class="button block">Item</div>
</div>
<% end %>
<% showcase.sample "Horizontal Gaps" do %>
<div class="flex gap-x">
<div class="flex-1 button">Item</div>
<div class="flex-1 button">Item</div>
<div class="flex-1 button">Item</div>
<div class="flex-1 button">Item</div>
</div>
<% end %>
Version data entries
123 entries across 123 versions & 1 rubygems