mirror_css/nes.css
1
0
Fork 0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-08-06 22:46:31 +02:00
Code Issues Releases Wiki Activity

fix(storybook): change isdark container font color to white (#111)

Browse Source
This commit is contained in:
Abdullah Samman
2018-12-08 08:54:14 +02:00
committed by GitHub
parent 479e503347
commit a6488a10c9
3 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.storybook/config.js
View File

@@ -1,6 +1,6 @@
import { configure } from '@storybook/html'; // eslint-disable-line import/no-extraneous-dependencies import { configure } from '@storybook/html'; // eslint-disable-line import/no-extraneous-dependencies
import '../css/nes.min.css'; import '../css/nes.css'; // eslint-disable-line import/no-unresolved
// automatically import all files ending in *.stories.js // automatically import all files ending in *.stories.js
const req = require.context('../docs', true, /.stories.js$/); const req = require.context('../docs', true, /.stories.js$/);

4
index.html
View File

@@ -61,13 +61,13 @@
</div> </div>
<div class="container is-dark with-title"> <div class="container is-dark with-title">
<p class="title">Container.is-dark</p> <p class="title">Container.is-dark</p>
<p style="color: white;">Good morning. Thou hast had a good night's sleep, I hope.</p> <p>Good morning. Thou hast had a good night's sleep, I hope.</p>
</div> </div>
<div class="container is-rounded"> <div class="container is-rounded">
<p>Good morning. Thou hast had a good night's sleep, I hope.</p> <p>Good morning. Thou hast had a good night's sleep, I hope.</p>
</div> </div>
<div class="container is-rounded is-dark"> <div class="container is-rounded is-dark">
<p style="color: white;">Good morning. Thou hast had a good night's sleep, I hope.</p> <p>Good morning. Thou hast had a good night's sleep, I hope.</p>
</div> </div>
</div> </div>
</section> </section>

1
scss/elements/containers.scss
View File

@@ -111,6 +111,7 @@
} }
&.is-dark { &.is-dark {
color: $background-color;
&::before { &::before {
background-color: $base-color; background-color: $base-color;
} }