Fix a bunch of layout issues

2018-02-26 12:05:23 -08:00
parent ab243dc6db
commit f8e930d59e
29 changed files with 279 additions and 301 deletions
--- a/website/src/ui/Text.js
+++ b/website/src/ui/Text.js
@@ -7,11 +7,13 @@ class Text extends Component {
  static propTypes = {
    size: PropTypes.string,
    margin: PropTypes.number,
-    children: PropTypes.node
+    children: PropTypes.node,
+    tone: PropTypes.string
  }

  static defaultProps = {
    size: 'medium',
+    tone: 'normal',
    margin: 0
  }

@@ -21,7 +23,8 @@ class Text extends Component {
        display: 'inline-block',
        fontSize: fontInfo.size[this.props.size],
        fontFamily: fontInfo.family,
-        margin: this.props.margin
+        margin: this.props.margin,
+        color: fontInfo.color[this.props.tone],
      }}>{this.props.children}</span>
    )
  }