0.0.2 • Published 7 years ago
react-box-sizing v0.0.2
react-box-sizing
Tiny component for box-sizing
.
Usage
import { BorderBox } from 'react-box-sizing'
const YourComponent = (
<BorderBox>
<div>This</div>
<div>Items</div>
<div>is</div>
<div>border-box</div>
</BorderBox>
)
This component inject this style
// This is DUMMY CSS
<BorderBox> {
box-sizing: border-box;
}
<BorderBox> *,
<BorderBox> *:before,
<BorderBox> *:after {
box-sizing: inherit;
}
This module use glammor for inject css.
Component
<BorderBox>
Inject box-sizing: border-box
<ContentBox>
Inject box-sizing: content-box
<PaddingBox>
Inject box-sizing: padding-box
see: https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing