Skip to content

Instantly share code, notes, and snippets.


Fotis Papadogeorgopoulos fpapado

View GitHub Profile
fpapado / Box.js
Created Dec 6, 2017 — forked from tkh44/Box.js
styled-system with emotion.
View Box.js
import styled, { css } from 'emotion/react'
import { space, width, fontSize, color, responsiveStyle } from 'styled-system'
export const display = responsiveStyle('display')
export const flex = responsiveStyle('flex')
export const order = responsiveStyle('order')
const wrap = responsiveStyle('flex-wrap', 'wrap', 'wrap')
const direction = responsiveStyle('flexDirection', 'direction')
const align = responsiveStyle('alignItems', 'align')