vitalif
/
react-toolbox
1
0
Fork 0
Code Issues Pull Requests Releases 12 Wiki Activity

Add theme configuration for docs

old
Javi Velasco 2015-11-03 09:31:17 +01:00
parent 9903cb9967
commit f3b70a5962
6 changed files with 16 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
docs/app/components/_globals.scss
View File

@ -1,11 +1,9 @@
@import "~react-toolbox/base";
$unit: 1rem;
$color-primary-dark: #303f9f;
$color-primary-light: #3f51b5;
$color-primary-contrast: #fff;
$color-primary-dark: unquote("rgb(#{$color-primary-dark})");
$color-primary-light: unquote("rgb(#{$color-primary-light})");
$color-primary-contrast: unquote("rgb(#{$color-primary-contrast})");
$color-accent: unquote("rgb(#{$color-accent})");
$color-divider: $color-divider;
$color-content: #fafafa;
$animation-duration: 250ms;
$animation-ease: ease-in-out;

6
docs/app/components/layout/main/style.scss
View File

@ -19,7 +19,7 @@
right: 0;
bottom: 0;
left: 0;
transition: all $animation-duration $animation-ease;
transition: all $animation-duration $animation-curve-default;
}
.navigation {
@ -29,7 +29,7 @@
left: 0;
z-index: $z-index-high;
box-shadow: $documentation-left-shadow;
transition: all $animation-duration $animation-ease;
transition: all $animation-duration $animation-curve-default;
}
.playground {
@ -40,7 +40,7 @@
width: $playground-width;
background: $color-background;
box-shadow: $documentation-right-shadow;
transition: right $animation-duration $animation-ease;
transition: right $animation-duration $animation-curve-default;
}
.root {

1
docs/package.json
View File

@ -39,6 +39,7 @@
"redbox-react": "^1.1.1",
"sass-loader": "^3.0.0",
"style-loader": "^0.13.0",
"toolbox-loader": "0.0.2",
"transfer-webpack-plugin": "^0.1.4",
"webpack": "^1.12.0",
"webpack-dev-middleware": "^1.2.0",

7
docs/theme.scss Normal file
View File

@ -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;

2
docs/webpack.config.development.js
View File

@ -35,7 +35,7 @@ module.exports = {
loader: 'babel'
}, {
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)$/,
loader: 'raw',

1
package.json
View File

@ -83,6 +83,7 @@
"sass-loader": "^3.0.0",
"sinon": "git://github.com/cjohansen/Sinon.JS#sinon-2.0",
"style-loader": "^0.13.0",
"toolbox-loader": "0.0.2",
"webpack": "^1.12.0",
"webpack-dev-middleware": "^1.2.0",
"webpack-hot-middleware": "^2.4.1"