Merge pull request #233 from LukBukkit/develop

feat(text colors): adds text colors classes like is-primary etc.

docs/text.stories.js

@@ -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>`;
+});

scss/elements/_index.scss

@@ -10,3 +10,4 @@
 @import "progress.scss";
 @import "radios.scss";
 @import "tables.scss";
+@import "text.scss";

scss/elements/text.scss

@@ -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");
+  }
+}