woocommerce-layout.scss coding standards. #5606

assets/css/woocommerce-layout.scss

@@ -12,6 +12,7 @@
 	.col2-set {
 		@include clearfix();
 		width: 100%;
+
 		.col-1 {
 			float: left;
 			width: 48%;
@@ -30,45 +31,57 @@
 	/* =Product Page
 	-------------------------------------------------------------- */
 
-	div.product, #content div.product {
+	div.product,
+	#content div.product {
 		div.images {
 			float: left;
 			width: 48%;
 		}
+
 		div.thumbnails {
 			@include clearfix();
+
 			a {
 				float: left;
 				width: 30.75%;
 				margin-right: 3.8%;
 			}
+
 			a.last {
 				margin-right: 0;
 			}
+
 			a.first {
 				clear: both;
 			}
 		}
+
 		div.summary {
 			float: right;
 			width: 48%;
 		}
+
 		/* Tabs on the product page */
 		.woocommerce-tabs {
 			clear: both;
+
 			ul.tabs {
 				@include menu();
 			}
 		}
+
 		#reviews {
 			.comment {
 				@include mediaright();
 			}
 		}
 	}
-	#quantity, #content .quantity {
+
+	#quantity,
+	#content .quantity {
 		/* Disable input[type=number] buttons until the world is ready */
-		input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
+		input::-webkit-outer-spin-button,
+		input::-webkit-inner-spin-button {
 			display: none;
 		}
 	}
@@ -76,14 +89,18 @@
 	/* =Product Loops
 	-------------------------------------------------------------- */
 
-	.related, .upsells.products {
+	.related,
+	.upsells.products {
 		@include clearfix();
 		clear: both;
 
-		ul.products, ul {
+		ul.products,
+		ul {
 			float: none;
+
 			li.product {
 				width: 48%;
+
 				img {
 					width: 100%;
 					height: auto;
@@ -95,6 +112,7 @@
 	ul.products {
 		clear: both;
 		@include clearfix();
+
 		li.product {
 			float: left;
 			margin: 0 3.8% 2.992em 0;
@@ -103,9 +121,11 @@
 			width: 22.05%;
 			margin-left: 0;
 		}
+
 		li.first {
 			clear: both;
 		}
+
 		li.last {
 			margin-right: 0;
 		}
@@ -168,17 +188,22 @@
 	/* =Cart Page
 	-------------------------------------------------------------- */
 
-	table.cart, #content table.cart {
+	table.cart,
+	#content table.cart {
 		img {
 			height: auto;
 		}
+
 		td.actions {
 			text-align: right;
+
 			.input-text {
 				width: 80px;
 			}
+
 			.coupon {
 				float: left;
+
 				label {
 					display: none;
 				}
@@ -189,6 +214,7 @@
 	.cart-collaterals {
 		@include clearfix();
 		width: 100%;
+
 		.related {
 			width: 30.75%;
 			float: left;
@@ -206,17 +232,21 @@
 				}
 			}
 		}
+
 		.shipping_calculator {
 			width: 48%;
 			@include clearfix();
 			clear: right;
 			float: right;
+
 			.col2-set {
-				.col-1, .col-2 {
+				.col-1,
+				.col-2 {
 					width: 47%;
 				}
 			}
 		}
+
 		.cart_totals {
 			float: right;
 			width: 48%;
@@ -226,7 +256,8 @@
 	/* =Cart Sidebar
 	-------------------------------------------------------------- */
 
-	ul.cart_list, ul.product_list_widget {
+	ul.cart_list,
+	ul.product_list_widget {
 		li {
 			@include mediaright();
 		}
@@ -238,28 +269,36 @@
 	form {
 		.form-row {
 			@include clearfix();
+
 			label {
 				display: block;
+
 				&.checkbox {
 					display: inline;
 				}
 			}
+
 			select {
 				width: 100%;
 			}
+
 			.input-text {
 				@include box-sizing(border-box);
 				width: 100%;
 			}
 		}
-		.form-row-first, .form-row-last {
+
+		.form-row-first,
+		.form-row-last {
 			float: left;
 			width: 47%;
 			overflow: visible;
 		}
+
 		.form-row-last {
 			float: right;
 		}
+
 		.form-row-wide {
 			clear: both;
 		}
@@ -271,10 +310,12 @@
 				width: auto;
 			}
 		}
+
 		.terms {
 			text-align: right;
 			padding: 0 1em 0;
 		}
+
 		#place_order {
 			float: right;
 		}
@@ -288,13 +329,16 @@
 		padding: 12px 10px 0;
 		max-width: 474px;
 		margin: 0 auto;
+
 		.product .entry-summary {
 			padding: 0 !important;
 			margin: 0 0 1.618em !important;
 		}
+
 		div.product.hentry.has-post-thumbnail {
 			margin-top: 0;
 		}
+
 		.product {
 			.images {
 				img {