Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/davidcsally/border-box
NPM package to apply "box-sizing: border box" globally
https://github.com/davidcsally/border-box
Last synced: 21 days ago
JSON representation
NPM package to apply "box-sizing: border box" globally
- Host: GitHub
- URL: https://github.com/davidcsally/border-box
- Owner: davidcsally
- License: mit
- Created: 2020-01-21T21:57:30.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2020-02-11T04:38:13.000Z (almost 5 years ago)
- Last Synced: 2024-04-26T06:22:22.791Z (8 months ago)
- Language: CSS
- Homepage:
- Size: 10.7 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# border-box.css
## How to use
**NPM**
```sh
npm i --save border-box.css
```
**Yarn**
```sh
yarn add border-box.css
```
Then, in your root application file:
```import 'border-box.css'```
You will need to use a bundler like `webpack` that can process css files!
## What does it do?
* Apply `box-sizing: border-box` to all elements on a page.
This makes development more consistent across all browsers.
## Really? You made an npm module just for this?
Yes, because I wanted to. NPM is filled with tiny modules. I created this so that
I wouldn't forget to write this boilerplate in my projects.
## Is this satire on the state of NPM?
Maybe. But it's also a module that does one thing really well!
## For more info
This entire package comes from the technique laid out in this [excellent article from css-tricks](https://css-tricks.com/box-sizing/#article-header-id-3)