basscss-color-borders
Border color styles module for Basscss
Last updated 10 years ago
by jxnblk
.
MIT
·
Repository
·
Bugs
·
Original npm
·
Tarball
·
package.json
$ npm install basscss-color-borders
SYNC missed versions from
official npm registry.
This module controls borders and border radii.
Borders
Add borders with these border utilities.
<div class="p1 m1 border bg-lighter-gray">.border</div>
<div class="p1 m1 border-top bg-lighter-gray">.border-top</div>
<div class="p1 m1 border-right bg-lighter-gray">.border-right</div>
<div class="p1 m1 border-bottom bg-lighter-gray">.border-bottom</div>
<div class="p1 m1 border-left bg-lighter-gray">.border-left</div>
Border Radii
Utility styles for border radii can be used to style images and other elements.
<img src="http://d2v52k3cl9vedd.cloudfront.net/assets/images/placeholder-square.svg" class="rounded" width="64" height="64" />
<img src="http://d2v52k3cl9vedd.cloudfront.net/assets/images/placeholder-square.svg" class="circle" width="64" height="64" />
<img src="http://d2v52k3cl9vedd.cloudfront.net/assets/images/placeholder-square.svg" class="rounded-top" width="64" height="64" />
<img src="http://d2v52k3cl9vedd.cloudfront.net/assets/images/placeholder-square.svg" class="rounded-right" width="64" height="64" />
<img src="http://d2v52k3cl9vedd.cloudfront.net/assets/images/placeholder-square.svg" class="rounded-bottom" width="64" height="64" />
<img src="http://d2v52k3cl9vedd.cloudfront.net/assets/images/placeholder-square.svg" class="rounded-left" 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="button not-rounded">Not Rounded</button>
Current Tags
- 1.0.0 ... latest (10 years ago)
7 Versions
Maintainers (1)
jxnblk
Downloads
Total
1
Today
1
This Week
1
This Month
1
Last Day
0
Last Week
0
Last Month
0
Dependencies (0)
None
Dev Dependencies (0)
None
Dependents (2)