Merge pull request #341 from nostalgic-css/develop

Release v2.x 🚀
nostalgic-css · Jun 7, 2019 · 41f2abb · 41f2abb
2 parents 860b156 + 7520b18
commit 41f2abb
Show file tree

Hide file tree

Showing 14 changed files with 1,939 additions and 1,730 deletions.
diff --git a/.storybook/webpack.config.js b/.storybook/webpack.config.js
@@ -1,11 +1,21 @@
 const path = require('path');
+const scssFunctions = require('../scripts/scssFunctions');
 
 module.exports = {
   module: {
     rules: [
       {
         test: /\.scss$/,
-        loaders: ['style-loader', 'css-loader', 'sass-loader'],
+        use: [
+          { loader: 'style-loader' },
+          { loader: 'css-loader' },
+          {
+            loader: 'sass-loader',
+            options: {
+              functions: scssFunctions,
+            },
+          },
+        ],
         include: path.resolve(__dirname, '../'),
       },
       {

diff --git a/docs/script.js b/docs/script.js
@@ -80,6 +80,11 @@ const sampleCollection = [
 <div class="nes-field is-inline">
   <label for="error_field">.input.is-error</label>
   <input type="text" id="error_field" class="nes-input is-error" placeholder="awesome.css">
+</div>
+
+<div style="background-color:#212529; padding: 1rem;" class="nes-field is-inline">
+  <label for="dark_field" style="color:#fff;">.input.is-dark</label>
+  <input type="text" id="dark_field" class="nes-input is-dark" placeholder="dark.css">
 </div>`,
   },
   {
@@ -125,6 +130,17 @@ const sampleCollection = [
     <option value="0">To be</option>
     <option value="1">Not to be</option>
   </select>
+</div>
+
+<div style="background-color:#212529; padding: 1rem 1.2rem 1rem 1rem;width:calc(100% + 8px)">
+  <label for="dark_select" style="color:#fff">nes-select.is-dark</label>
+  <div class="nes-select is-dark">
+    <select required id="dark_select">
+      <option value="" disabled selected hidden>Select...</option>
+      <option value="0">To be</option>
+      <option value="1">Not to be</option>
+    </select>
+  </div>
 </div>`,
   },
   {