Add theme configuration for docs
parent
9903cb9967
commit
f3b70a5962
|
@ -1,11 +1,9 @@
|
||||||
@import "~react-toolbox/base";
|
@import "~react-toolbox/base";
|
||||||
|
|
||||||
$unit: 1rem;
|
$unit: 1rem;
|
||||||
$color-primary-dark: #303f9f;
|
$color-primary-dark: unquote("rgb(#{$color-primary-dark})");
|
||||||
$color-primary-light: #3f51b5;
|
$color-primary-light: unquote("rgb(#{$color-primary-light})");
|
||||||
$color-primary-contrast: #fff;
|
$color-primary-contrast: unquote("rgb(#{$color-primary-contrast})");
|
||||||
$color-accent: unquote("rgb(#{$color-accent})");
|
$color-accent: unquote("rgb(#{$color-accent})");
|
||||||
$color-divider: $color-divider;
|
$color-divider: $color-divider;
|
||||||
$color-content: #fafafa;
|
$color-content: #fafafa;
|
||||||
$animation-duration: 250ms;
|
|
||||||
$animation-ease: ease-in-out;
|
|
||||||
|
|
|
@ -19,7 +19,7 @@
|
||||||
right: 0;
|
right: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
transition: all $animation-duration $animation-ease;
|
transition: all $animation-duration $animation-curve-default;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navigation {
|
.navigation {
|
||||||
|
@ -29,7 +29,7 @@
|
||||||
left: 0;
|
left: 0;
|
||||||
z-index: $z-index-high;
|
z-index: $z-index-high;
|
||||||
box-shadow: $documentation-left-shadow;
|
box-shadow: $documentation-left-shadow;
|
||||||
transition: all $animation-duration $animation-ease;
|
transition: all $animation-duration $animation-curve-default;
|
||||||
}
|
}
|
||||||
|
|
||||||
.playground {
|
.playground {
|
||||||
|
@ -40,7 +40,7 @@
|
||||||
width: $playground-width;
|
width: $playground-width;
|
||||||
background: $color-background;
|
background: $color-background;
|
||||||
box-shadow: $documentation-right-shadow;
|
box-shadow: $documentation-right-shadow;
|
||||||
transition: right $animation-duration $animation-ease;
|
transition: right $animation-duration $animation-curve-default;
|
||||||
}
|
}
|
||||||
|
|
||||||
.root {
|
.root {
|
||||||
|
|
|
@ -39,6 +39,7 @@
|
||||||
"redbox-react": "^1.1.1",
|
"redbox-react": "^1.1.1",
|
||||||
"sass-loader": "^3.0.0",
|
"sass-loader": "^3.0.0",
|
||||||
"style-loader": "^0.13.0",
|
"style-loader": "^0.13.0",
|
||||||
|
"toolbox-loader": "0.0.2",
|
||||||
"transfer-webpack-plugin": "^0.1.4",
|
"transfer-webpack-plugin": "^0.1.4",
|
||||||
"webpack": "^1.12.0",
|
"webpack": "^1.12.0",
|
||||||
"webpack-dev-middleware": "^1.2.0",
|
"webpack-dev-middleware": "^1.2.0",
|
||||||
|
|
|
@ -0,0 +1,7 @@
|
||||||
|
$color-primary: $palette-indigo-500;
|
||||||
|
$color-primary-dark: $palette-indigo-700;
|
||||||
|
$color-primary-light: $palette-indigo-200;
|
||||||
|
$color-accent: $palette-pink-a200;
|
||||||
|
$color-accent-dark: $palette-pink-700;
|
||||||
|
$color-primary-contrast: $color-dark-contrast;
|
||||||
|
$color-accent-contrast: $color-dark-contrast;
|
|
@ -35,7 +35,7 @@ module.exports = {
|
||||||
loader: 'babel'
|
loader: 'babel'
|
||||||
}, {
|
}, {
|
||||||
test: /(\.scss|\.css)$/,
|
test: /(\.scss|\.css)$/,
|
||||||
loader: ExtractTextPlugin.extract('style', 'css?sourceMap&modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss!sass?sourceMap')
|
loader: ExtractTextPlugin.extract('style', 'css?sourceMap&modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!postcss!sass?sourceMap!toolbox')
|
||||||
}, {
|
}, {
|
||||||
test: /(\.txt)$/,
|
test: /(\.txt)$/,
|
||||||
loader: 'raw',
|
loader: 'raw',
|
||||||
|
|
|
@ -83,6 +83,7 @@
|
||||||
"sass-loader": "^3.0.0",
|
"sass-loader": "^3.0.0",
|
||||||
"sinon": "git://github.com/cjohansen/Sinon.JS#sinon-2.0",
|
"sinon": "git://github.com/cjohansen/Sinon.JS#sinon-2.0",
|
||||||
"style-loader": "^0.13.0",
|
"style-loader": "^0.13.0",
|
||||||
|
"toolbox-loader": "0.0.2",
|
||||||
"webpack": "^1.12.0",
|
"webpack": "^1.12.0",
|
||||||
"webpack-dev-middleware": "^1.2.0",
|
"webpack-dev-middleware": "^1.2.0",
|
||||||
"webpack-hot-middleware": "^2.4.1"
|
"webpack-hot-middleware": "^2.4.1"
|
||||||
|
|
Loading…
Reference in New Issue