From 4a067444317cc2658691ee2a6a6c88d14d2893b4 Mon Sep 17 00:00:00 2001
From: LukBukkit <luk.bukkit@gmail.com>
Date: Fri, 28 Dec 2018 18:01:39 +0100
Subject: [PATCH] feat(text colors): adds text colors classes like is-primary
 etc.

fix #226
---
 docs/text.stories.js      | 19 +++++++++++++++++++
 scss/elements/_index.scss |  1 +
 scss/elements/text.scss   | 17 +++++++++++++++++
 3 files changed, 37 insertions(+)
 create mode 100644 docs/text.stories.js
 create mode 100644 scss/elements/text.scss

diff --git a/docs/text.stories.js b/docs/text.stories.js
new file mode 100644
index 0000000..e4162f0
--- /dev/null
+++ b/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>`;
+});
diff --git a/scss/elements/_index.scss b/scss/elements/_index.scss
index 44e6caa..4592fc7 100644
--- a/scss/elements/_index.scss
+++ b/scss/elements/_index.scss
@@ -10,3 +10,4 @@
 @import "progress.scss";
 @import "radios.scss";
 @import "tables.scss";
+@import "text.scss";
diff --git a/scss/elements/text.scss b/scss/elements/text.scss
new file mode 100644
index 0000000..a1e22c9
--- /dev/null
+++ b/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");
+  }
+}