From 0c1325627ec70808f0cf5660d76f7c241c6ba4cb Mon Sep 17 00:00:00 2001
From: apanizo <adolfo.panizo@gmail.com>
Date: Tue, 4 Sep 2018 17:11:49 +0200
Subject: [PATCH] Using Paragraph's color attr in layout component

---
 src/components/layout/Paragraph/index.js   | 4 ++--
 src/components/layout/Paragraph/index.scss | 4 ++++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/layout/Paragraph/index.js b/src/components/layout/Paragraph/index.js
index 7792e774..fadde8ea 100644
--- a/src/components/layout/Paragraph/index.js
+++ b/src/components/layout/Paragraph/index.js
@@ -10,7 +10,7 @@ type Props = {
   noMargin?: boolean,
   bold?: boolean,
   size?: 'sm' | 'md' | 'lg' | 'xl',
-  color?: 'soft' | 'medium' | 'dark' | 'primary',
+  color?: 'soft' | 'medium' | 'dark' | 'primary' | 'fancy',
   transform?: 'capitalize' | 'lowercase' | 'uppercase',
   children: React$Node,
   className?: string,
@@ -23,7 +23,7 @@ class Paragraph extends React.PureComponent<Props> {
     } = this.props
 
     return (
-      <p className={cx(styles.paragraph, className, { bold }, { noMargin }, size, transform, align)} {...props}>
+      <p className={cx(styles.paragraph, className, { bold }, { noMargin }, size, color, transform, align)} {...props}>
         { children }
       </p>
     )
diff --git a/src/components/layout/Paragraph/index.scss b/src/components/layout/Paragraph/index.scss
index 9b1bc7a1..274848d8 100644
--- a/src/components/layout/Paragraph/index.scss
+++ b/src/components/layout/Paragraph/index.scss
@@ -19,6 +19,10 @@
   color: #00a6c4;
 }
 
+.fancy {
+  color: $fancy;
+}
+
 .capitalize {
   text-transform: capitalize
 }