Merge pull request #380 from nostalgic-css/develop

Release v2.x

.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
     ```

.github/FUNDING.yml

@@ -0,0 +1 @@
+github: BcRikko

.gitignore

@@ -3,3 +3,7 @@ node_modules
 css
 storybook-static
 .DS_Store
+
+# Ignoring built up css and map files
+scss/*.css
+scss/*.css.map

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
     ```

docs/script.js

@@ -17,7 +17,12 @@ const sampleCollection = [
 <button type="button" class="nes-btn is-success">Success</button>
 <button type="button" class="nes-btn is-warning">Warning</button>
 <button type="button" class="nes-btn is-error">Error</button>
-<button type="button" class="nes-btn is-disabled">Disabled</button>`,
+<button type="button" class="nes-btn is-disabled">Disabled</button>
+
+<label class="nes-btn">
+  <span>Select your file</span>
+  <input type="file">
+</label>`,
   },
   {
     title: 'radios',
@@ -339,21 +344,45 @@ const sampleCollection = [
   {
     title: 'balloons',
     showCode: false,
-    code: `<section class="message-list">
-  <section class="message -left">
-    <i class="nes-bcrikko"></i>
-    <!-- Balloon -->
-    <div class="nes-balloon from-left">
-      <p>Hello NES.css</p>
-    </div>
+    code: `<section class="nes-container">
+  <section class="message-list">
+    <section class="message -left">
+      <i class="nes-bcrikko"></i>
+      <!-- Balloon -->
+      <div class="nes-balloon from-left">
+        <p>Hello NES.css</p>
+      </div>
+    </section>
+
+    <section class="message -right">
+      <!-- Balloon -->
+      <div class="nes-balloon from-right">
+        <p>Good morning. Thou hast had a good night's sleep, I hope.</p>
+      </div>
+      <i class="nes-bcrikko"></i>
+    </section>
   </section>
+</section>
 
-  <section class="message -right">
-    <!-- Balloon -->
-    <div class="nes-balloon from-right">
-      <p>Good morning. Thou hast had a good night's sleep, I hope.</p>
-    </div>
-    <i class="nes-bcrikko"></i>
+<!-- Balloon 'is-dark'  -->
+<section class="nes-container is-dark">
+  <section class="message-list">
+      <section class="message -left">
+        <i class="nes-bcrikko"></i>
+        <!-- Balloon -->
+        <div class="nes-balloon from-left is-dark">
+          <p>Hello NES.css</p>
+        </div>
+      </section>
+
+      <section class="message -right">
+        <!-- Balloon -->
+        <div class="nes-balloon from-right is-dark">
+          <p>Good morning. Thou hast had a good night's sleep, I hope.</p>
+        </div>
+        <i class="nes-bcrikko"></i>
+      </section>
+    </section>
   </section>
 </section>`,
   },
@@ -362,7 +391,7 @@ const sampleCollection = [
     showCode: false,
     code: `<p class="nes-balloon from-left nes-pointer">
   This is not a clickable element, but it's an area of the pointer.
-</p>`
+</p>`,
   },
   {
     title: 'badges',
@@ -415,6 +444,8 @@ const sampleCollection = [
     code: `<section class="icon-list">
   <!-- heart -->
   <i class="nes-icon is-large heart"></i>
+  <i class="nes-icon is-large is-half heart"></i>
+  <i class="nes-icon is-large is-transparent heart"></i>
   <i class="nes-icon is-large heart is-empty"></i>
 
   <!-- star -->
@@ -580,11 +611,15 @@ const contributors = [
   'alexd99',
   'alexgleason',
   'agarzola',
+  'AlphaWong',
+  'brendansparrow',
   'Ermakoy',
   'fleeting',
   'JamesIves',
   'jsoref',
   'KOREAN139',
+  'KalobTaulien',
+  'HiKaylum',
   'LukBukkit',
   'otaviopace',
   'Pedro-Souza',
@@ -594,6 +629,7 @@ const contributors = [
   'lucasjs',
   'musavvirahmed',
   'sinofp',
+  'thisisabhinay',
   'tnantoka',
 ];