box-sizing-border-box
Advanced tools
Comparing version 1.0.0 to 1.0.1
{ | ||
"name": "box-sizing-border-box", | ||
"version": "1.0.0", | ||
"version": "1.0.1", | ||
"description": "Best practice for setting box-sizing: border-box, taken from css-tricks", | ||
@@ -5,0 +5,0 @@ "main": "_index.scss", |
# box-sizing-border-box | ||
Best practice for setting box-sizing: border-box | ||
Best practice for setting box-sizing: border-box. | ||
From https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ . | ||
## Installation | ||
`yarn add --dev box-sizing-border-box` | ||
`npm install --save-dev box-sizing-border-box` | ||
## What's inside? | ||
See https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ . | ||
```css | ||
html { | ||
box-sizing: border-box; | ||
} | ||
*, | ||
*:before, | ||
*:after { | ||
box-sizing: inherit; | ||
} | ||
```` | ||
## Usage | ||
### webpack (SCSS) + node_modules loader | ||
```scss | ||
@import "~box-sizing-border-box/index"; | ||
```` | ||
### eyeglass (SCSS): | ||
```scss | ||
@import 'box-sizing-border-box'; | ||
```` |
2918
35