Styled Components Style Utils

Several style utils for styled components. SASS mixins converted to JS functions in ES6.

Installation

To install, run

yarn add styled-components-style-utils

or

npm i styled-components-style-utils

Import

To import methods, use

import { method1, method } from 'styled-components-style-utils';

or

const { method1, method } = require('styled-components-style-utils');

Usage

| 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

Why

I made this package because I often use these utils, and wanted them to store somewhere centrally, and open for others to use.

License

MIT