From e64da52fa1defb5a1002483e0d00ec2298c4e94f Mon Sep 17 00:00:00 2001
From: apanizo <adolfo.panizo@gmail.com>
Date: Thu, 13 Sep 2018 17:08:04 +0200
Subject: [PATCH] Adding dot style in Paragraph component

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

diff --git a/src/components/layout/Paragraph/index.js b/src/components/layout/Paragraph/index.js
index a9f08efc..c28f3b9f 100644
--- a/src/components/layout/Paragraph/index.js
+++ b/src/components/layout/Paragraph/index.js
@@ -13,18 +13,19 @@ type Props = {
   color?: 'soft' | 'medium' | 'dark' | 'white' | 'fancy' | 'primary' | 'warning',
   transform?: 'capitalize' | 'lowercase' | 'uppercase',
   children: React$Node,
+  dot?: boolean,
   className?: string,
 }
 
 class Paragraph extends React.PureComponent<Props> {
   render() {
     const {
-      weight, children, color, align, size, transform, noMargin, className, ...props
+      weight, children, color, align, size, transform, noMargin, className, dot, ...props
     } = this.props
 
     return (
       <p
-        className={cx(styles.paragraph, className, weight, { noMargin }, size, color, transform, align)}
+        className={cx(styles.paragraph, className, weight, { noMargin }, { dot }, size, color, transform, align)}
         {...props}
       >
         { children }
diff --git a/src/components/layout/Paragraph/index.scss b/src/components/layout/Paragraph/index.scss
index fcbadac8..396fafb6 100644
--- a/src/components/layout/Paragraph/index.scss
+++ b/src/components/layout/Paragraph/index.scss
@@ -88,4 +88,8 @@
 
 .bold {
   font-weight: $boldFont;
-}
\ No newline at end of file
+}
+
+.dot {
+  display: list-item;
+}