Merge pull request #61 from 0UserName/master

.content-align-justify for content alignment

assets/sass/base/_typography.scss

@@ -164,6 +164,10 @@
 		text-align: right;
 	}
 
+	.align-justify {
+		text-align: justify;
+	}
+
 	.footerspacer {
 		padding-left: 15px;
 		padding-right: 15px;

assets/sass/components/_banner.scss

@@ -357,6 +357,10 @@
 					}
 				}
 
+				&.content-align-justify {
+					text-align: justify;
+				}
+
 			// Image Position.
 				&.image-position-left {
 					.image {
@@ -507,6 +511,10 @@
 					text-align: right;
 				}
 
+				&.content-align-justify {
+					text-align: justify;
+				}
+
 			// Image Position.
 				&.image-position-left {
 					.image {
@@ -662,6 +670,10 @@
 					text-align: right;
 				}
 
+				&.content-align-justify {
+					text-align: justify;
+				}
+
 			// Image Position.
 				&.image-position-left {
 					.image {
@@ -802,6 +814,10 @@
 				&.content-align-right {
 					text-align: right;
 				}
+		
+				&.content-align-justify {
+					text-align: justify;
+				}
 
 			// Image Position.
 				&.image-position-left {
@@ -906,6 +922,10 @@
 					text-align: right;
 				}
 
+				&.content-align-justify {
+					text-align: justify;
+				}
+
 			// Image Position.
 				&.image-position-left {
 					.image {
@@ -988,4 +1008,4 @@
 		}
 	}
 
-	@include color-banner;
+	@include color-banner;

assets/sass/components/_form.scss

@@ -82,6 +82,8 @@
 	input[type="tel"],
 	input[type="search"],
 	input[type="url"],
+	input[type="date"],
+	input[type="number"],
 	select,
 	textarea {
 		@include vendor('appearance', 'none');
@@ -126,6 +128,8 @@
 	input[type="tel"],
 	input[type="search"],
 	input[type="url"],
+	input[type="date"],
+	input[type="number"],
 	select {
 		height: _size(element-height);
 	}
@@ -222,6 +226,8 @@
 		input[type="tel"],
 		input[type="search"],
 		input[type="url"],
+		input[type="date"],
+		input[type="number"],
 		select,
 		textarea {
 			border-color: _palette($p, border);

assets/sass/components/_spotlight.scss

@@ -346,6 +346,10 @@
 					text-align: right;
 				}
 
+				&.content-align-justify {
+					text-align: justify;
+				}
+
 			// Image Position.
 				&.image-position-left {
 					.image {
@@ -491,6 +495,10 @@
 				&.content-align-right {
 					text-align: right;
 				}
+		
+				&.content-align-justify {
+					text-align: justify;
+				}
 
 			// Image Position.
 				&.image-position-left {
@@ -628,6 +636,10 @@
 					text-align: right;
 				}
 
+				&.content-align-justify {
+					text-align: justify;
+				}
+
 			// Image Position.
 				&.image-position-left {
 					.image {
@@ -784,6 +796,10 @@
 					text-align: right;
 				}
 
+				&.content-align-justify {
+					text-align: justify;
+				}
+
 			// Image Position.
 				&.image-position-left {
 					.image {
@@ -928,6 +944,10 @@
 					text-align: right;
 				}
 
+				&.content-align-justify {
+					text-align: justify;
+				}
+
 			// Image Position.
 				&.image-position-left {
 					.image {

assets/sass/components/_wrapper.scss

@@ -46,6 +46,23 @@
 				@include padding(_size(padding, small) * 1.5, _size(padding, small));
 			}
 		}
+
+	// Content Alignment.
+		&.content-align-left {
+		    // ...
+		}
+
+		&.content-align-center {
+			text-align: center;
+		}
+
+		&.content-align-right {
+			text-align: right;
+		}
+		
+		&.content-align-justify {
+			text-align: justify;
+		}
 	}
 
 /* Wrapper (style2) */
@@ -104,6 +121,23 @@
 				@include padding(_size(padding, small), _size(padding, small) * 0.75);
 			}
 		}
+
+	// Content Alignment.
+		&.content-align-left {
+		    // ...
+		}
+
+		&.content-align-center {
+			text-align: center;
+		}
+
+		&.content-align-right {
+			text-align: right;
+		}
+		
+		&.content-align-justify {
+			text-align: justify;
+		}
 	}
 
 	#wrapper {