1 files changed, 36 insertions, 26 deletions

diff --git a/public/less/_base.less b/public/less/_base.less
index 99cb736c6e..21591cb14c 100644
--- a/public/less/_base.less
+++ b/public/less/_base.less
@@ -55,7 +55,7 @@ pre {
 		z-index: 900;
 	}
 	.head.link.item {
-		padding-right: 0!important;
+		padding-right: 0 !important;
 		.dropdown.icon,
 		.menu .octicon {
 			margin-right: 5px;
@@ -65,9 +65,9 @@ pre {
 		margin-right: 0;
 	}
 	.searchbox {
-  	background-color: rgb(244, 244, 244)!important;
+  	background-color: rgb(244, 244, 244) !important;
   	&:focus {
-  		background-color: rgb(233, 233, 233)!important;
+  		background-color: rgb(233, 233, 233) !important;
   	}
 	}
 	.text .octicon {
@@ -84,6 +84,7 @@ pre {
 		}
   }
 }
+
 .ui {
 	&.left {
 		float: left;
@@ -94,51 +95,60 @@ pre {
 
 	.text {
 		&.red {
-			color: #d95c5c!important;
+			color: #d95c5c !important;
 	    a {
-	    	color: #d95c5c!important;
+	    	color: #d95c5c !important;
 	    	&:hover {
-	    		color: #E67777!important;
+	    		color: #E67777 !important;
 	    	}
 	    }
 		}
 		&.blue {
-			color: #428bca!important;
+			color: #428bca !important;
 	    a {
-	    	color: #15c!important;
+	    	color: #15c !important;
 	    	&:hover {
-	    		color: #428bca!important;
+	    		color: #428bca !important;
 	    	}
 	    }
 		}
 		&.grey {
-	    color: #767676!important;
+	    color: #767676 !important;
 	    a {
-	    	color: #444!important;
+	    	color: #444 !important;
 	    	&:hover {
-	    		color: #000!important;
+	    		color: #000 !important;
 	    	}
 	    }
 		}
+		&.light.grey {
+			color: #888 !important;
+		}
 		&.green {
-			color: #6cc644!important;
+			color: #6cc644 !important;
 		}
 		&.purple {
-			color: #6e5494!important;
+			color: #6e5494 !important;
 		}
 		&.yellow {
-			color: #FBBD08!important;
+			color: #FBBD08 !important;
 		}
 
 		&.left {
-			text-align: left!important;
+			text-align: left !important;
 		}
 		&.right {
-			text-align: right!important;
+			text-align: right !important;
 		}
 		&.small {
 			font-size: 0.75em;
 		}
+		&.bold {
+			font-weight: bold;
+		}
+		&.italic {
+			font-style: italic;
+		}
 
 		&.truncate {
 			overflow: hidden;
@@ -166,7 +176,7 @@ pre {
 	}
 	.warning {
 		&.header {
-			background-color: #F9EDBE!important;
+			background-color: #F9EDBE !important;
 	    border-color: #F0C36D;
 		}
 		&.segment {
@@ -175,7 +185,7 @@ pre {
 	}
 	.info {
 		&.header {
-			background-color: #d9edf7!important;
+			background-color: #d9edf7 !important;
     	border-color: #85c5e5;
 		}
 		&.segment {
@@ -193,7 +203,7 @@ pre {
 
 	.form {
 		.fake {
-			display: none!important;
+			display: none !important;
 		}
 	}
 
@@ -217,7 +227,7 @@ pre {
 			border-top: none;
 			line-height: 1em;
 			color: rgba(0,0,0,.8);
-			padding: .71428571em 1.14285714em!important;
+			padding: .71428571em 1.14285714em !important;
 			font-size: 1rem;
 			text-transform: none;
 			font-weight: 400;
@@ -237,12 +247,12 @@ pre {
 
 .scrolling.menu {
 	.item.selected {
-	  font-weight: 700!important;
+	  font-weight: 700 !important;
 	}
 }
 
 footer {
-	margin-top: @footer-margin+14px!important;
+	margin-top: @footer-margin+14px !important;
 	height: @footer-margin;
 	background-color: white;
 	border-top: 1px solid #d6d6d6;
@@ -277,8 +287,8 @@ footer {
 .generate-img(16);
 .generate-img(@n, @i: 1) when (@i =< @n) {
   .img-@{i} {
-    width: (2px * @i)!important;
-    height: (2px * @i)!important;
+    width: (2px * @i) !important;
+    height: (2px * @i) !important;
   }
   .generate-img(@n, (@i + 1));
 }
@@ -286,7 +296,7 @@ footer {
 .octicon.icon,
 .mega-octicon.icon {
 	font-family: octicons;
-	opacity: 1!important;
+	opacity: 1 !important;
 }
 
 // Accessibility