Typography: Added basic styles for p and lists

Typography: Added basic styles for p and lists

Typography: Putting alignment behind a var

Author: thejdeep

.gitignore

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

scss/atoms/typography/_mixins.scss

@@ -9,3 +9,10 @@
 	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

@@ -44,6 +44,22 @@ h6 {
 	@include heading($h6);
 }
 
+p {
+	@include paragraph($p);
+}
+
+ul, ol {
+	margin-top: 0;
+	margin-bottom: 10px;
+}
+
+ul ul,
+ol ul,
+ul ol,
+ol ol {
+  margin-bottom: 0;
+}
+
 /*
 * ==========================================================================
 * Block elements

scss/variables/typography.js

@@ -150,6 +150,14 @@ chassis.typography = {
 			fontSize: "16px",
 			capitalization: "uppercase"
 		}
+	},
+	p: {
+		name: "P style",
+		value: {
+			margin: "25px",
+			fontSize: "16px",
+			textAlignment: "justify"
+		}
 	}
 
 };