Several style utils for styled components. SASS mixins converted to JS functions in ES6.
To install, run
yarn add styled-components-style-utilsor
npm i styled-components-style-utilsTo import methods, use
import { method1, method } from 'styled-components-style-utils';or
const { method1, method } = require('styled-components-style-utils');| Method call | Arguments | What the method does |
|---|---|---|
| reset() | - | Will return CSS for CSS reset |
| debug() | - | Will add CSS debug mode |
| center(type) | type(string): both|vertical|horizontal | Will add flexbox CSS to center children vertically, horizontally, or both |
| Truncate() | - | Will add truncate CSS for text, width must be set separately |
I made this package because I often use these utils, and wanted them to store somewhere centrally, and open for others to use.
MIT