# basscss-color-borders

> Border color styles module for Basscss

Latest version **1.0.0** (published 2015-04-11) · MIT license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install basscss-color-borders
pnpm add basscss-color-borders
yarn add basscss-color-borders
bun add basscss-color-borders
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2015-04-11 |
| First published | 2014-12-11 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Brent Jackson |
| Maintainers | jxnblk |
| Keywords | CSS, OOCSS, Basscss, Rework |

## Links

- npm: https://www.npmjs.com/package/basscss-color-borders
- Repository: https://github.com/basscss/color-borders
- Issues: https://github.com/basscss/color-borders/issues
- npm.io page: https://npm.io/package/basscss-color-borders

## Alternatives

- [style-dictionary](https://npm.io/package/style-dictionary.md) — 2.0M weekly downloads
- [postcss-merge-idents](https://npm.io/package/postcss-merge-idents.md) — 1.7M weekly downloads
- [@fontsource/noto-sans](https://npm.io/package/@fontsource/noto-sans.md) — 93.0K weekly downloads
- [uglifycss](https://npm.io/package/uglifycss.md) — 71.6K weekly downloads
- [mat4-interpolate](https://npm.io/package/mat4-interpolate.md) — 23.3K weekly downloads

## Recent versions

- 1.0.0 (latest) — 2015-04-11
- 0.0.6 — 2015-04-10
- 0.0.5 — 2015-04-09
- 0.0.4 — 2015-02-24
- 0.0.3 — 2015-02-22
- 0.0.2 — 2014-12-23
- 0.0.1 — 2014-12-11

## README

This module controls borders and border radii.

## Borders

Add borders with these border utilities.

```html
<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.

```html
<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.

```html
<button class="button not-rounded">Not Rounded</button>
```

---
_Source: https://npm.io/package/basscss-color-borders · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._