tags css refactored

app/assets/stylesheets/common.scss

@@ -113,3 +113,4 @@ a {
 @import "top_panel.scss";
 @import "dashboard.scss";
 @import "tree.scss";
+@import "tags.scss";

app/assets/stylesheets/projects.css.scss

@@ -233,60 +233,6 @@ body.project-page table .commit {
 }
 .snippet:hover .action-links { display:block; }
 
-/** ISSUES TAGS **/
-.tag {
-  @include round-borders-all(4px);
-  padding:2px 4px;
-  border:none;
-  text-shadow:none;
-
-  &.inline {
-    display:inline;
-  }
-
-  &.high, &.closed {
-    background: #D12F19;
-    color:white;
-  }
-
-  &.today, &.open {
-    background: #44aa22;
-    color:white;
-  }
-
-  &.yours {
-    background: #4466cc;
-    color:white;
-  }
-  &.normal {
-    background: #2c5ca6;
-    color:white;
-  }
-  &.notes {
-    background: #2c5c66;
-    color:white;
-  }
-  &.note {
-    background-image: -webkit-gradient(linear, 0 0, 0 26, color-stop(0.076, #fefefe), to(#F6F7F8));
-    background-image: -webkit-linear-gradient(#fefefe 7.6%, #F6F7F8);
-    background-image: -moz-linear-gradient(#fefefe 7.6%, #F6F7F8);
-    background-image: -o-linear-gradient(#fefefe 7.6%, #F6F7F8);
-    color: #777;
-    border: 1px solid #DEDFE1;
-  }
-  &.issue {
-    background: #D12F19;
-    color:white;
-  }
-  &.commit {
-    background-image: -webkit-gradient(linear, 0 0, 0 26, color-stop(0.076, #fefefe), to(#F6F7F8));
-    background-image: -webkit-linear-gradient(#fefefe 7.6%, #F6F7F8);
-    background-image: -moz-linear-gradient(#fefefe 7.6%, #F6F7F8);
-    background-image: -o-linear-gradient(#fefefe 7.6%, #F6F7F8);
-    color: #777;
-    border: 1px solid #DEDFE1;
-  }
-}
 
 #holder {
   background:#FAFAFA;

app/assets/stylesheets/tags.css.css

-.tags-list {
-  padding : 0px 10px 10px 10px;
-  
-}
-
-.tags-list a {
-    display: inline-block;
-    padding: 8px 11px 8px 11px;
-    margin: 1px 5px 0px 0px;
-    border-radius: 4px;
-    border: 1px solid #72bbdf;
-    background-color: #72bbdf;
-    color: #0f326d;
-    font-weight: bold;
-    font-size: 14px;
-}
-
-.small-tags a{
-  font-size: 9px;
-
-  display: inline-block;
-  padding: 2px 3px 1px 3px;
-  margin: 0px 3px 0px 0px;
-  border-radius: 2px;
-  background-color: #72bbdf;
-  color: #FFF;
-  text-shadow: none;
-  font-weight: bold;
-}
-
-.medium-tags a{
-  font-size: 12px;
-
-  display: inline-block;
-  padding: 3px 4px 2px 4px;
-  margin: 0px 7px 8px 0px;
-  border-radius: 3px;
-  background-color: #72bbdf;
-  color: #FFF;
-  text-shadow: none;
-  font-weight: bold;
-}

app/assets/stylesheets/tags.scss

+.tag {
+  @include round-borders-all(4px);
+  padding:2px 4px;
+  border:none;
+  text-shadow:none;
+
+  &.inline {
+    display:inline;
+  }
+
+  &.high, &.closed {
+    background: #D12F19;
+    color:white;
+  }
+
+  &.today, &.open {
+    background: #44aa22;
+    color:white;
+  }
+
+  &.yours {
+    background: #4466cc;
+    color:white;
+  }
+  &.normal {
+    background: #2c5ca6;
+    color:white;
+  }
+  &.notes {
+    background: #2c5c66;
+    color:white;
+  }
+
+  &.note {
+    background-image: -webkit-gradient(linear, 0 0, 0 26, color-stop(0.076, #fefefe), to(#F6F7F8));
+    background-image: -webkit-linear-gradient(#fefefe 7.6%, #F6F7F8);
+    background-image: -moz-linear-gradient(#fefefe 7.6%, #F6F7F8);
+    background-image: -o-linear-gradient(#fefefe 7.6%, #F6F7F8);
+    color: #777;
+    border: 1px solid #DEDFE1;
+  }
+  &.issue {
+    background: #D12F19;
+    color:white;
+  }
+  &.commit {
+    background-image: -webkit-gradient(linear, 0 0, 0 26, color-stop(0.076, #fefefe), to(#F6F7F8));
+    background-image: -webkit-linear-gradient(#fefefe 7.6%, #F6F7F8);
+    background-image: -moz-linear-gradient(#fefefe 7.6%, #F6F7F8);
+    background-image: -o-linear-gradient(#fefefe 7.6%, #F6F7F8);
+    color: #777;
+    border: 1px solid #DEDFE1;
+  }
+}
+