fix warnings about unitless numbers

storybookjs · Dec 13, 2016 · 4f45bf2 · 4f45bf2
1 parent c9dba18
commit 4f45bf2
Show file tree

Hide file tree

Showing 6 changed files with 28 additions and 28 deletions.
diff --git a/dist/components/Story.js b/dist/components/Story.js
@@ -66,7 +66,7 @@ var stylesheet = {
   link: {
     base: {
       fontFamily: 'sans-serif',
-      fontSize: 12,
+      fontSize: '12px',
       display: 'block',
       position: 'fixed',
       textDecoration: 'none',
@@ -98,7 +98,7 @@ var stylesheet = {
   infoBody: (0, _extends3.default)({}, _theme.baseFonts, {
     fontWeight: 300,
     lineHeight: 1.45,
-    fontSize: 15
+    fontSize: '15px'
   }),
   infoContent: {
     marginBottom: 0
@@ -107,13 +107,13 @@ var stylesheet = {
     h1: {
       margin: '20px 0 0 0',
       padding: 0,
-      fontSize: 35
+      fontSize: '35px'
     },
     h2: {
       margin: '0 0 10px 0',
       padding: 0,
       fontWeight: 400,
-      fontSize: 22
+      fontSize: '22px'
     },
     body: {
       borderBottom: '1px solid #eee',
@@ -124,7 +124,7 @@ var stylesheet = {
     h1: {
       margin: '20px 0 0 0',
       padding: '0 0 5px 0',
-      fontSize: 25,
+      fontSize: '25px',
       borderBottom: '1px solid #EEE'
     }
   },

diff --git a/dist/components/markdown/htags.js b/dist/components/markdown/htags.js
@@ -53,7 +53,7 @@ var H1 = exports.H1 = function (_React$Component) {
         fontWeight: 600,
         margin: 0,
         padding: 0,
-        fontSize: '40'
+        fontSize: '40px'
       });
 
       return _react2.default.createElement(
@@ -81,7 +81,7 @@ var H2 = exports.H2 = function (_React$Component2) {
         fontWeight: 600,
         margin: 0,
         padding: 0,
-        fontSize: '30'
+        fontSize: '30px'
       });
 
       return _react2.default.createElement(
@@ -109,7 +109,7 @@ var H3 = exports.H3 = function (_React$Component3) {
         fontWeight: 600,
         margin: 0,
         padding: 0,
-        fontSize: '22',
+        fontSize: '22px',
         textTransform: 'uppercase'
       });
 
@@ -138,7 +138,7 @@ var H4 = exports.H4 = function (_React$Component4) {
         fontWeight: 600,
         margin: 0,
         padding: 0,
-        fontSize: '20'
+        fontSize: '20px'
       });
 
       return _react2.default.createElement(
@@ -166,7 +166,7 @@ var H5 = exports.H5 = function (_React$Component5) {
         fontWeight: 600,
         margin: 0,
         padding: 0,
-        fontSize: '18'
+        fontSize: '18px'
       });
 
       return _react2.default.createElement(
@@ -194,7 +194,7 @@ var H6 = exports.H6 = function (_React$Component6) {
         fontWeight: 400,
         margin: 0,
         padding: 0,
-        fontSize: '18'
+        fontSize: '18px'
       });
 
       return _react2.default.createElement(

diff --git a/dist/components/markdown/text.js b/dist/components/markdown/text.js
@@ -49,7 +49,7 @@ var P = exports.P = function (_React$Component) {
     key: 'render',
     value: function render() {
       var style = (0, _extends3.default)({}, _theme.baseFonts, {
-        fontSize: 15
+        fontSize: '15px'
       });
       return _react2.default.createElement(
         'p',
@@ -73,7 +73,7 @@ var LI = exports.LI = function (_React$Component2) {
     key: 'render',
     value: function render() {
       var style = (0, _extends3.default)({}, _theme.baseFonts, {
-        fontSize: 15
+        fontSize: '15px'
       });
       return _react2.default.createElement(
         'li',
@@ -97,7 +97,7 @@ var UL = exports.UL = function (_React$Component3) {
     key: 'render',
     value: function render() {
       var style = (0, _extends3.default)({}, _theme.baseFonts, {
-        fontSize: 15
+        fontSize: '15px'
       });
 
       return _react2.default.createElement(

diff --git a/src/components/Story.js b/src/components/Story.js
@@ -9,7 +9,7 @@ const stylesheet = {
   link: {
     base: {
       fontFamily: 'sans-serif',
-      fontSize: 12,
+      fontSize: '12px',
       display: 'block',
       position: 'fixed',
       textDecoration: 'none',
@@ -42,7 +42,7 @@ const stylesheet = {
     ...baseFonts,
     fontWeight: 300,
     lineHeight: 1.45,
-    fontSize: 15,
+    fontSize: '15px',
   },
   infoContent: {
     marginBottom: 0,
@@ -51,13 +51,13 @@ const stylesheet = {
     h1: {
       margin: '20px 0 0 0',
       padding: 0,
-      fontSize: 35,
+      fontSize: '35px',
     },
     h2: {
       margin: '0 0 10px 0',
       padding: 0,
       fontWeight: 400,
-      fontSize: 22,
+      fontSize: '22px',
     },
     body: {
       borderBottom: '1px solid #eee',
@@ -68,7 +68,7 @@ const stylesheet = {
     h1: {
       margin: '20px 0 0 0',
       padding: '0 0 5px 0',
-      fontSize: 25,
+      fontSize: '25px',
       borderBottom: '1px solid #EEE',
     },
   },

diff --git a/src/components/markdown/htags.js b/src/components/markdown/htags.js
@@ -9,7 +9,7 @@ export class H1 extends React.Component {
       fontWeight: 600,
       margin: 0,
       padding: 0,
-      fontSize: '40',
+      fontSize: '40px',
     };
 
     return <h1 id={this.props.id} style={styles}>{this.props.children}</h1>;
@@ -23,7 +23,7 @@ export class H2 extends React.Component {
       fontWeight: 600,
       margin: 0,
       padding: 0,
-      fontSize: '30',
+      fontSize: '30px',
     };
 
     return <h2 id={this.props.id} style={styles}>{this.props.children}</h2>;
@@ -37,7 +37,7 @@ export class H3 extends React.Component {
       fontWeight: 600,
       margin: 0,
       padding: 0,
-      fontSize: '22',
+      fontSize: '22px',
       textTransform: 'uppercase',
     };
 
@@ -52,7 +52,7 @@ export class H4 extends React.Component {
       fontWeight: 600,
       margin: 0,
       padding: 0,
-      fontSize: '20',
+      fontSize: '20px',
     };
 
     return <h4 id={this.props.id} style={styles}>{this.props.children}</h4>;
@@ -66,7 +66,7 @@ export class H5 extends React.Component {
       fontWeight: 600,
       margin: 0,
       padding: 0,
-      fontSize: '18',
+      fontSize: '18px',
     };
 
     return <h5 id={this.props.id} style={styles}>{this.props.children}</h5>;
@@ -80,7 +80,7 @@ export class H6 extends React.Component {
       fontWeight: 400,
       margin: 0,
       padding: 0,
-      fontSize: '18',
+      fontSize: '18px',
     };
 
     return <h6 id={this.props.id} style={styles}>{this.props.children}</h6>;

diff --git a/src/components/markdown/text.js b/src/components/markdown/text.js
@@ -5,7 +5,7 @@ export class P extends React.Component {
   render() {
     const style = {
       ...baseFonts,
-      fontSize: 15,
+      fontSize: '15px',
     };
     return <p style={style}>{this.props.children}</p>;
   }
@@ -15,7 +15,7 @@ export class LI extends React.Component {
   render() {
     const style = {
       ...baseFonts,
-      fontSize: 15,
+      fontSize: '15px',
     };
     return <li style={style}>{this.props.children}</li>;
   }
@@ -25,7 +25,7 @@ export class UL extends React.Component {
   render() {
     const style = {
       ...baseFonts,
-      fontSize: 15,
+      fontSize: '15px',
     };
 
     return <ul style={style}>{this.props.children}</ul>;