Border

Pack name: seed-border
File size: 467 B

Border theme pack for Seed

Contents

Install

npm install seed-border --save

Dependencies


Usage

.t-bdr supports responsive modifiers.

Class Borders applied on…
t-bdr top, right, bottom, left
t-bdr-top top
t-bdr-right right
t-bdr-bottom bottom
t-bdr-left left
t-bdr-none none

Example

I only have a border on the top.
I only have a border on the right.
I only have a border on the left.
Hah! I gots borders all over the place.
<div class="u-pad-3 t-bdr-top u-mrg-b-2">
  I only have a border on the top.
</div>
<div class="u-pad-3 t-bdr-right u-mrg-b-2">
  I only have a border on the right.
</div>
<div class="u-pad-3 t-bdr-left u-mrg-b-2">
  I only have a border on the left.
</div>
<div class="u-pad-3 t-bdr">
  Hah! I gots borders all over the place.
</div>