joyent-portal/packages/ui-toolkit/src/text/small.js

import { Small } from 'normalized-styled-components';
import remcalc from 'remcalc';

export default Small.extend`
  color: ${props => props.theme.text};

  line-height: ${remcalc(18)};
  font-size: ${remcalc(13)};
  padding-bottom: ${remcalc(12)};
`;
chore: initial lerna setup this shall be a progressive process 2017-05-18 21:21:33 +03:00			`import { Small } from 'normalized-styled-components';`
			`import remcalc from 'remcalc';`

feat(cp-frontend,ui-toolkit): style inheritance using `.extend` (#458) styled-components@2 exposes a new `.extend`[1] API. It is less problematic than styled(Parent). [1]: https://www.styled-components.com/docs/basics#extending-styles 2017-05-25 17:59:58 +03:00			export default Small.extend`
feat(ui-toolkit): a more reusable ui-toolkit - remove dependencies on redux-form, react-router-dom, and react-redux. - work with every font, and don't bundle fonts - don't bundle editor 2017-11-23 14:18:38 +02:00			`color: ${props => props.theme.text};`
chore: initial lerna setup this shall be a progressive process 2017-05-18 21:21:33 +03:00
			`line-height: ${remcalc(18)};`
feat(ui-toolkit): typography and getting started 2017-09-26 14:12:15 +03:00			`font-size: ${remcalc(13)};`
			`padding-bottom: ${remcalc(12)};`
chore: initial lerna setup this shall be a progressive process 2017-05-18 21:21:33 +03:00			`;