Typography: Eliminated need of a mixin for p

Typography: Eliminated need of mixin for p

Typography: Shorthand margins

Typography: Eliminated need of mixin for p

Author: thejdeep

.gitignore

@@ -10,5 +10,3 @@ external/
 icons/svg-min/
 .sass-cache/
 dist/
-.DS_Store
-demos/.DS_Store

scss/atoms/typography/_mixins.scss

@@ -9,10 +9,3 @@
 	line-height: 1;
 	text-transform: map-get($style,capitalization);
 }
-
-@mixin paragraph($style) {
-	text-align: map-get($style,textAlignment);
-	margin: em(map-get($style,margin)) 0;
-	line-height: 1.5;
-	font-size: em(map-get($style,fontSize));
-}

scss/atoms/typography/_typography.scss

@@ -45,19 +45,21 @@ h6 {
 }
 
 p {
-	@include paragraph($p);
+	text-align: map-get($p,textAlignment);
+	margin: em(map-get($p,marginTopBottom)) em(map-get($p,marginLeftRight));
+	line-height: 1.5;
+	font-size: em(map-get($p,fontSize));
 }
 
 ul, ol {
-	margin-top: 0;
-	margin-bottom: 10px;
+	margin: 0 0 10px;
 }
 
 ul ul,
 ol ul,
 ul ol,
 ol ol {
-  margin-bottom: 0;
+  	margin: 0;
 }
 
 /*

scss/variables/typography.js

@@ -154,9 +154,10 @@ chassis.typography = {
 	p: {
 		name: "P style",
 		value: {
-			margin: "25px",
+			marginTopBottom: "25px",
+			marginLeftRight: "0px",
 			fontSize: "16px",
-			textAlignment: "justify"
+			textAlignment: "left"
 		}
 	}