mirror_css/nes.css
1
0
Fork 0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-08-16 11:23:56 +02:00
Code Issues Releases Wiki Activity

Merge branch 'develop' into patch-1

Browse Source
This commit is contained in:
B.C.Rikko
2019-10-17 16:31:14 +09:00
committed by GitHub
parent 341cfbd3fe 9bd7af1a8d
commit 96721c2e79
12 changed files with 20 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
.github/CONTRIBUTING-es.md vendored
View File

@@ -36,6 +36,7 @@ Este proyecto se apega al Código de Conducta convenido para Contribuyentes. Al
$ npm install $ 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 ```sh
$ npm run storybook $ npm run storybook
``` ```

1
.github/CONTRIBUTING-jp.md vendored
View File

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

1
.github/CONTRIBUTING-pt-BR.md vendored
View File

@@ -36,6 +36,7 @@ Nós estamos muito felizes de você querer contribuir para o projeto! Os próxim
$ npm install $ 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 ```sh
$ npm run storybook $ npm run storybook
``` ```

1
.github/CONTRIBUTING-zh-CN.md vendored
View File

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

1
.github/CONTRUBUTING-ru.md vendored
View File

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

1
CONTRIBUTING.md
View File

@@ -36,6 +36,7 @@ We're really happy you want to contribute to the project! ❤️ The following s
$ npm install $ 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 ```sh
$ npm run storybook $ npm run storybook
``` ```

14
README.md
View File

@@ -84,20 +84,6 @@ NES.css is compatible with the newest version of the following browsers:
Untested Untested
* IE/Edge * 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 ## 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. Code and documentation copyright 2018 [B.C.Rikko](https://github.com/BcRikko). Code released under the MIT License. Docs released under Creative Commons.

BIN
assets/storybook-demo.gif
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.2 MiB

4
package.json
View File

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

5
scss/elements/balloons.scss
View File

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