+1
-1
| { | ||
| "name": "splotch", | ||
| "version": "1.1.1", | ||
| "version": "1.1.2", | ||
| "description": "Deside on a color scheme", | ||
@@ -5,0 +5,0 @@ "scripts": {}, |
+11
-0
| # Splotch | ||
| ###### 117 color schemes and 468 variations | ||
| ## Install | ||
@@ -24,2 +26,3 @@ ``` | ||
| ``` | ||
| [List of classes availible](https://git-clay.github.io/splotch/) | ||
@@ -32,1 +35,9 @@ ## Coming soon | ||
| Each class has four variations. The syntax is classname dash number(1,2,3,4) ex:`class='icecream-1'` or `class='seafoam-4'` | ||
| ## ERROR? | ||
| - If using React with webpack you might come across `Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://localhost:3000/node_modules/splotch/splotch.min.css"` | ||
| - fix: Instead of linking to 'Splotch' in you index.html file you will need to set up your webpack.config.js file to handle css. npm install css-loader and style-loader. In your config file, add `module: { | ||
| loaders: [{ test: /\.css$/, loader: 'style-loader!css-loader'}]` | ||
| then add `import splotch from "./node_modules/splotch/splotch.min.css"` to your main React js file. |
137915
0.5%41
32.26%