consonance/docs/components/ScaleLine.jsx

Fix your typographic scale

const React = require('react');

const ScaleLine = React.createClass({
  render() {
    return (
      <div className='overflow-hidden mb2'>
        <div className=''>
          <span className='mb0 overflow-hidden nowrap' style={{fontSize: this.props.size}}>
            If I’m not saying “HELL YEAH!” about something, then say no.
          </span>
        </div>
        <div className='block mt0 h6 muted'>{this.props.size}px</div>
      </div>
    )
  }
});

module.exports = ScaleLine;