Borders

Utilities for adding borders to components.


Default/Solid border

Dashed border

Dotted border

	<div class="g-1_3 p-4 m-bottom-4 border">
			<p>Default/Solid border</p>
	</div>

	<div class="g-1_3 p-4 m-bottom-4 border border-dashed">
			<p>Dashed border</p>
	</div>

	<div class="g-1_3 g-omega p-4 m-bottom-4 border border-dotted">
			<p>Dotted border</p>
	</div>

Top border

Bottom border

Left border

Right border

	<div class="g-1_4__m p-4 m-bottom-4 border-top">
			<p>Top border</p>
	</div>

	<div class="g-1_4__m p-4 m-bottom-4 border-bottom">
			<p>Bottom border</p>
	</div>

	<div class=" g-1_4__m p-4 m-bottom-4 border-left">
			<p>Left border</p>
	</div>

	<div class="g-1_4__m g-omega p-4 m-bottom-4 border-right">
			<p>Right border</p>
	</div>

Border Sizes

Border size 0

Border size 1

Border size 2

	<div class="border border-0">
		<p>Border size 0</p>
	</div>

	<div class="border border-1">
		<p>Border size 1</p>
	</div>

	<div class="border border-2">
		<p>Border size 2</p>
	</div>