Border styles module for Basscss

Downloads in past


5,836424.0.28 years ago9 years agoMinified + gzip package size for basscss-border in KB


This module controls borders and border radii.


Add borders with these border utilities.
<div class="p1 m1 border">.border</div>
<div class="p1 m1 border-top">.border-top</div>
<div class="p1 m1 border-right">.border-right</div>
<div class="p1 m1 border-bottom">.border-bottom</div>
<div class="p1 m1 border-left">.border-left</div>

Remove borders with the .border-none utility.
<input type="text" class="border-none" placeholder=".border-none" />

Border Radii

Utility styles for border radii can be used to style images and other elements.
<img class="rounded" src="" width="64" height="64" />
<img class="circle" src="" width="64" height="64" />
<img class="rounded-top" src="" width="64" height="64" />
<img class="rounded-right" src="" width="64" height="64" />
<img class="rounded-bottom" src="" width="64" height="64" />
<img class="rounded-left" src="" width="64" height="64" />

The .not-rounded utility can be used to override default radii. This is useful for things like input and button groups.
<button class="btn not-rounded">Not Rounded</button>