diff --git a/components/app/index.jsx b/components/app/index.jsx
index 35a1a73d..8790234d 100644
--- a/components/app/index.jsx
+++ b/components/app/index.jsx
@@ -8,7 +8,7 @@ const App = (props) => {
}
return (
-
+
{props.children}
);
diff --git a/components/app_bar/index.jsx b/components/app_bar/index.jsx
index ae65577d..f53601fe 100644
--- a/components/app_bar/index.jsx
+++ b/components/app_bar/index.jsx
@@ -8,7 +8,7 @@ const AppBar = (props) => {
if (props.flat) className += ` ${style.flat}`;
return (
-
+
);
diff --git a/docs/webpack.config.development.js b/docs/webpack.config.development.js
index e11d0238..5a52ef63 100644
--- a/docs/webpack.config.development.js
+++ b/docs/webpack.config.development.js
@@ -5,7 +5,7 @@ const ExtractTextPlugin = require('extract-text-webpack-plugin');
module.exports = {
context: __dirname,
- devtool: '#eval-source-map',
+ devtool: 'inline-source-map',
entry: [
'webpack-hot-middleware/client',
'./app/index.jsx'
@@ -35,7 +35,7 @@ module.exports = {
loader: 'babel'
}, {
test: /(\.scss|\.css)$/,
- loader: ExtractTextPlugin.extract('style', 'css?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss!sass')
+ loader: ExtractTextPlugin.extract('style', 'css?sourceMap&modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss!sass?sourceMap')
}, {
test: /(\.txt)$/,
loader: 'raw',
diff --git a/spec/root.jsx b/spec/root.jsx
index f6e69aa2..388a668b 100644
--- a/spec/root.jsx
+++ b/spec/root.jsx
@@ -1,5 +1,6 @@
import React from 'react';
import App from '../components/app';
+import AppBar from '../components/app_bar';
import Autocomplete from './components/autocomplete';
import Button from './components/button';
import Card from './components/card';
@@ -22,8 +23,10 @@ import style from './style';
const Root = () => (
- React Toolbox
- Component Spec v0.10.20
+
+ React Toolbox
+ Component Spec v0.10.20
+
diff --git a/spec/style.scss b/spec/style.scss
index 5058eda3..79ad9321 100644
--- a/spec/style.scss
+++ b/spec/style.scss
@@ -1,5 +1,5 @@
.app {
- padding: 1.6rem;
+ padding: 5.5rem 1.6rem;
> h1, > h3 {
line-height: 100%;
}
@@ -14,3 +14,11 @@
margin: 1.6rem 1.6rem 0 0;
}
}
+
+.app-bar {
+ padding: 1.6rem;
+ justify-content: center;
+ > span {
+ margin-left: 1rem;
+ }
+}
diff --git a/webpack.config.development.js b/webpack.config.development.js
index 84a77059..1bb3f629 100644
--- a/webpack.config.development.js
+++ b/webpack.config.development.js
@@ -5,7 +5,7 @@ const ExtractTextPlugin = require('extract-text-webpack-plugin');
module.exports = {
context: __dirname,
- devtool: '#eval-source-map',
+ devtool: 'inline-source-map',
entry: [
'webpack-hot-middleware/client',
'./spec/index.jsx'
@@ -26,7 +26,7 @@ module.exports = {
loader: 'babel'
}, {
test: /(\.scss|\.css)$/,
- loader: ExtractTextPlugin.extract('style', 'css?modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss!sass')
+ loader: ExtractTextPlugin.extract('style', 'css?sourceMap&modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss!sass?sourceMap')
}
]
},