@citizensadvice/border-width
Advanced tools
Comparing version 1.0.0 to 1.0.1
{ | ||
"name": "@citizensadvice/border-width", | ||
"version": "1.0.0", | ||
"version": "1.0.1", | ||
"license": "MIT", | ||
@@ -17,3 +17,3 @@ "cads": { | ||
"dependencies": { | ||
"@citizensadvice/support": "^1.0.0" | ||
"@citizensadvice/support": "^1.0.1" | ||
}, | ||
@@ -26,3 +26,3 @@ "scripts": { | ||
}, | ||
"gitHead": "f9fa5c90b329794d5470e766d439de4340b304dc" | ||
"gitHead": "d6cf7eb3ff2c38ebba148a4e73943de4312e44c9" | ||
} |
@@ -1,41 +0,13 @@ | ||
# Border-width | ||
# Border-width [![npm (scoped)](https://img.shields.io/npm/v/@citizensadvice/border-width.svg)](https://www.npmjs.com/package/@citizensadvice/border-width) | ||
| Name | Type | Version | | ||
|--------------------------------|--------|--------------------------------------------------------------------------------| | ||
| `@citizensadvice/border-width` | Utilty | ![npm (scoped)](https://img.shields.io/npm/v/@citizensadvice/border-width.svg) | | ||
Defines the width of an element's border. | ||
## Dependencies | ||
- [Classes](#classes) | ||
- [Examples](#examples) | ||
- [Installation](#installation) | ||
| Name | Description | | ||
|---------------------------|-----------------------------| | ||
| `@citizensadvice/support` | System wide settings/config | | ||
## Classes | ||
## Installation | ||
Using your package manager of choice... | ||
```shell | ||
$ npm install @citizensadvice/border-width | ||
``` | ||
Then bring into your stylesheets with... | ||
```scss | ||
@import "@citizensadvice/border-width/index.scss"; | ||
``` | ||
### OR | ||
You can also make use of the [unpkg](https://unpkg.com) service, try adding the link below to the head of your `HTML` file | ||
```html | ||
<link src="https://unpkg.com/@citizensadvice/border-width@latest/build/border-width.css"/> | ||
``` | ||
## Introduction | ||
Defines the width of an element's border. | ||
| Available classes | Value | | ||
|---------------------|-----------------------------| | ||
| Class name | Value | | ||
| ------------------- | --------------------------- | | ||
| `.b-width-0` | `$border-scale-none (0)` | | ||
@@ -53,3 +25,3 @@ | `.b-width-1` | `$border-scale-1 (.063rem)` | | ||
### Example markup | ||
## Examples | ||
@@ -60,1 +32,19 @@ ```html | ||
``` | ||
## Installation | ||
```shell | ||
$ npm install @citizensadvice/border-width | ||
``` | ||
now import into your stylesheet... | ||
```scss | ||
@import '@citizensadvice/border-width/index.scss'; | ||
``` | ||
You can also make use of the [unpkg](https://unpkg.com) service, try adding the link below to the head of your `HTML` file | ||
```html | ||
<link src="https://unpkg.com/@citizensadvice/border-width@latest/build/border-width.css" /> | ||
``` |
4317
49