Skip to content

Commit

Permalink
feat(text colors): adds text colors classes like is-primary etc.
Browse files Browse the repository at this point in the history
fix #226
  • Loading branch information
lukbukkit committed Dec 28, 2018
1 parent 3ab3cd5 commit 4a06744
Show file tree
Hide file tree
Showing 3 changed files with 37 additions and 0 deletions.
19 changes: 19 additions & 0 deletions docs/text.stories.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
import { storiesOf } from '@storybook/html'; // eslint-disable-line import/no-extraneous-dependencies
import { // eslint-disable-line import/no-extraneous-dependencies
withKnobs, radios,
} from '@storybook/addon-knobs';

const stories = storiesOf('Text', module);
stories.addDecorator(withKnobs);

stories.add('text', () => {
const extraClass = radios('class', {
default: '',
'is-primary': 'is-primary',
'is-success': 'is-success',
'is-warning': 'is-warning',
'is-error': 'is-error',
'is-disabled': 'is-disabled',
}, '');
return `<span class="nes-text ${extraClass}">NES.css</span>`;
});
1 change: 1 addition & 0 deletions scss/elements/_index.scss
Original file line number Diff line number Diff line change
Expand Up @@ -10,3 +10,4 @@
@import "progress.scss";
@import "radios.scss";
@import "tables.scss";
@import "text.scss";
17 changes: 17 additions & 0 deletions scss/elements/text.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
.nes-text {
&.is-primary {
color: map-get($primary-colors, "normal");
}

&.is-success {
color: map-get($success-colors, "normal");
}

&.is-warning {
color: map-get($warning-colors, "normal");
}

&.is-error {
color: map_get($error-colors, "normal");
}
}

0 comments on commit 4a06744

Please sign in to comment.