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

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

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

  line-height: ${remcalc(18)};
  font-size: ${remcalc(13)};

  ${isNot('noMargin')`
    padding-bottom: ${remcalc(12)};
  `};

  ${is('bold')`
    font-weight: ${props => props.theme.font.weight.semibold};
  `};
`;
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(my-joy-beta): create instance cns fixes #987 2018-01-11 22:26:42 +02:00			`import is, { isNot } from 'styled-is';`
chore: initial lerna setup this shall be a progressive process 2017-05-18 21:21:33 +03:00
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)};`
feat(my-joy-beta): create instance cns fixes #987 2018-01-11 22:26:42 +02:00
			${isNot('noMargin')`
			`padding-bottom: ${remcalc(12)};`
			`};

			${is('bold')`
			`font-weight: ${props => props.theme.font.weight.semibold};`
			`};
chore: initial lerna setup this shall be a progressive process 2017-05-18 21:21:33 +03:00			`;