Merge branch 'develop' into patch-1

.github/CONTRIBUTING-es.md

@@ -35,7 +35,8 @@ Este proyecto se apega al Código de Conducta convenido para Contribuyentes. Al
     ```sh
     $ npm install
     ```
-3. Ejecuta el servidor de desarrollo:
+3. Ejecuta el servidor de desarrollo:  
+    To view all available components in an interactive interface, use storybook.
     ```sh
     $ npm run storybook
     ```

.github/CONTRIBUTING-jp.md

@@ -35,7 +35,8 @@
     ```sh
     $ npm install
     ```
-3. 開発用サーバを起動する:
+3. 開発用サーバを起動する:  
+    インタラクティブインターフェースで使用可能なすべてのコンポーネントを表示するには、storybookを使ってください
     ```sh
     $ npm run storybook
     ```

.github/CONTRIBUTING-pt-BR.md

@@ -35,7 +35,8 @@ Nós estamos muito felizes de você querer contribuir para o projeto! Os próxim
     ```sh
     $ npm install
     ```
-3. Inicie o servidor de desenvolvimento:
+3. Inicie o servidor de desenvolvimento:  
+    To view all available components in an interactive interface, use storybook.
     ```sh
     $ npm run storybook
     ```

.github/CONTRIBUTING-zh-CN.md

@@ -35,7 +35,8 @@
     ```sh
     $ npm install
     ```
-3. 启动开发服务器:
+3. 启动开发服务器:  
+    To view all available components in an interactive interface, use storybook.
     ```sh
     $ npm run storybook
     ```

.github/CONTRUBUTING-ru.md

@@ -35,7 +35,8 @@
     ```sh
     $ npm install
     ```
-3. Запустите сервер:
+3. Запустите сервер:  
+    To view all available components in an interactive interface, use storybook.
     ```sh
     $ npm run storybook
     ```

CONTRIBUTING.md

@@ -35,7 +35,8 @@ We're really happy you want to contribute to the project! ❤️ The following s
     ```sh
     $ npm install
     ```
-3. Start up the dev server:
+3. Start up the dev server:  
+    To view all available components in an interactive interface, use storybook.
     ```sh
     $ npm run storybook
     ```

README.md

@@ -84,20 +84,6 @@ NES.css is compatible with the newest version of the following browsers:
 Untested
 * IE/Edge
 
-## Storybook
-
-To view all available components in an interactive interface, use storybook.
-
-```bash
-git clone https://github.com/nostalgic-css/NES.css
-cd NES.css
-npm install
-npm run storybook
-```
-
-![Storybook Demo](assets/storybook-demo.gif "Storybook Demo")
-
-
 ## Copyright and license
 
 Code and documentation copyright 2018 [B.C.Rikko](https://github.com/BcRikko). Code released under the MIT License. Docs released under Creative Commons.

package.json

@@ -112,7 +112,9 @@
   },
   "lint-staged": {
     "scss/**/*.scss": [
-      "npm run postbuild"
+      "npm run prebuild:stylelint",
+      "npm run postbuild",
+      "git add"
     ],
     "*.js": [
       "eslint '.storybook/**/*.js' 'story/**/*.js'"

scss/elements/balloons.scss

@@ -44,10 +44,11 @@
 
   &.is-dark {
     @include rounded-corners(true);
-    background: $base-color;
+
     color: $background-color;
+    background: $base-color;
     border-image-outset: 2;
-    box-shadow: 0px 0px 0 8px $base-color;
+    box-shadow: 0 0 0 8px $base-color;
 
     &.from-left,
     &.from-right {

scss/form/inputs.scss

@@ -8,7 +8,7 @@
 
   @include compact-rounded-corners();
 
-  width: calc(100% -  #{2*$border-size});
+  width: calc(100% - #{2 * $border-size});
   padding: 0.5rem 1rem;
   margin: 4px;
   background-clip: padding-box;

scss/form/selects.scss

@@ -11,7 +11,7 @@
   $colors: ($base-color, map-get($default-colors, "shadow"));
 
   position: relative;
-  width: calc(100% -  #{2*$border-size});
+  width: calc(100% - #{2 * $border-size});
   margin: 4px;
 
   select {