styled-rules

Preset style rules, theme based, highly customizable style props

Install

yarn add styled-rules

Basic usage

import React from "react";
import PropTypes from "prop-types";
import styled from "styled-components";
import styledBy from "styled-by";
import { flexbox } from "styled-rules";

const propTypes = {
	...flexbox.propTypes
};

const defaultProps = {
	...flexbox.defaultProps
};

const Wrapper = props => <div {...props}>Styled Rules!</div>;

Wrapper.propTypes = propTypes;
Wrapper.defaultProps = defaultProps;

export default styled(Wrapper)`
	${styledBy(flexbox.rules)};
`;

License

MIT © Bruno Bertolini