Example import elements:

sv:import  prefix="be" file="base/elements"/

Justify-layout


<bl:justify-layout>
<bl:cell>
cell
</bl:cell>
<bl:cell>
cell 02
</bl:cell>
<bl:cell>
cell 0003
</bl:cell>
<bl:cell>
cell number 4
</bl:cell>
<bl:cell>
cell 5
</bl:cell>
<bl:cell>
cell 6
</bl:cell>
</bl:justify-layout>
cell 01
cell 002
cell 0003
cell number 4
cell 005
cell 06

Button


Standard buttons

<be:button class="minor">Minor</be:button>
<be:button class="disable">Disable</be:button>
<be:button>Normal</be:button>
<be:button class="submit">Submit</be:button>
<be:button class="accent">Accent</be:button>
<be:button class="link">Link</be:button>
<be:button class="minor minus sign">−</be:button>
<be:button class="plus sign">+</be:button>
<be:button class="delete sign">×</be:button>
<be:button class="check sign">×</be:button>

Bigsize buttons

<be:button class="minor bigsize">Minor</be:button>
<be:button class="disable bigsize">Disable</be:button>
<be:button class="bigsize">Normal</be:button>
<be:button class="submit bigsize">Submit</be:button>
<be:button class="accent bigsize">Accent</be:button>
<be:button class="link bigsize">Link</be:button>
<be:button class="minor minus bigsize sign">−</be:button>
<be:button class="plus bigsize sign">+</be:button>
<be:button class="delete bigsize sign">×</be:button>
<be:button class="check bigsize sign">×</be:button>

Minimalize buttons

<be:button class="minor mini">Minor</be:button>
<be:button class="disable mini">Disable</be:button>
<be:button class="mini">Normal</be:button>
<be:button class="submit mini">Submit</be:button>
<be:button class="accent mini">Accent</be:button>
<be:button class="link mini">Link</be:button>
<be:button class="minor minus mini sign">−</be:button>
<be:button class="plus mini sign">+</be:button>
<be:button class="delete mini sign">×</be:button>
<be:button class="check mini sign">×</be:button>

Round buttons

<be:button class="minor minus round sign">−</be:button>
<be:button class="plus round sign">+</be:button>
<be:button class="delete round sign">×</be:button>
<be:button class="check round sign">×</be:button>

<be:button class="accent bigsize round">Accent</be:button>
<be:button class="minor minus bigsize round sign">−</be:button>
<be:button class="plus bigsize round sign">+</be:button>
<be:button class="delete bigsize round sign">×</be:button>
<be:button class="check bigsize round sign">×</be:button>

<be:button class="minor minus mini round sign">−</be:button>
<be:button class="plus mini round sign">+</be:button>
<be:button class="delete mini round sign">×</be:button>
<be:button class="check mini round sign">×</be:button>