1 files changed, 50 insertions, 25 deletions

diff --git a/public/less/_base.less b/public/less/_base.less
index 40201afe..086c6877 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,48 +95,72 @@ 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;
 	    	}
 	    }
 		}
+		&.black {
+			color: #444;
+			&:hover {
+				color: #000;
+			}
+		}
 		&.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;
+		}
+		&.gold {
+			color: #a1882b !important;
 		}
 
 		&.left {
-			text-align: left!important;
+			text-align: left !important;
 		}
 		&.right {
-			text-align: right!important;
+			text-align: right !important;
 		}
 		&.small {
 			font-size: 0.75em;
 		}
+		&.normal {
+			font-weight: normal;
+		}
+		&.bold {
+			font-weight: bold;
+		}
+		&.italic {
+			font-style: italic;
+		}
 
 		&.truncate {
 			overflow: hidden;
@@ -163,7 +188,7 @@ pre {
 	}
 	.warning {
 		&.header {
-			background-color: #F9EDBE!important;
+			background-color: #F9EDBE !important;
 	    border-color: #F0C36D;
 		}
 		&.segment {
@@ -172,7 +197,7 @@ pre {
 	}
 	.info {
 		&.header {
-			background-color: #d9edf7!important;
+			background-color: #d9edf7 !important;
     	border-color: #85c5e5;
 		}
 		&.segment {
@@ -190,7 +215,7 @@ pre {
 
 	.form {
 		.fake {
-			display: none!important;
+			display: none !important;
 		}
 	}
 
@@ -214,7 +239,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;
@@ -234,12 +259,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;
@@ -274,8 +299,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));
 }
@@ -283,7 +308,7 @@ footer {
 .octicon.icon,
 .mega-octicon.icon {
 	font-family: octicons;
-	opacity: 1!important;
+	opacity: 1 !important;
 }
 
 // Accessibility