Explain why dapper is different than other libraries

[RylanH]

Why is it better than https://github.com/styled-components/styled-components, http://fela.js.org/?
We prefer Javascript css properties instead of CSS syntax since we frequently pull values from other shared grid system and type hierarchy

{
  ...Type.FontSizes.SMALL,
  padding: Sizes.GRID_UNIT,
}

We also prefer separating determination of a mode from the styling for it. For one, it lets us compile all styles up front and just switch between them. Second, if the number of styles per prop is anything larger than 2, its becomes awkward:

  padding: ${props => props.size === Sizes.SMALL ? 6 : props.size === Size.LARGE ? 8 : props.size === Size.XLARGE ? 10 : 4}