Updating Link Flag styles to work within tables.

jmr06005 · Aug 19, 2015 · d921ed7 · d921ed7
1 parent 8688b08
commit d921ed7
Show file tree

Hide file tree

Showing 2 changed files with 56 additions and 30 deletions.
diff --git a/sass/_link-flags.scss b/sass/_link-flags.scss
@@ -2,25 +2,33 @@
 	== Link Flags 
 - - - - - - - - - - - - - - - - - - - */
 
-.flag {
-	background-color:rgba(0,0,0, .1);
-	font-size: 80%;
-	padding: .2em .3em;
-	margin-left: .4em;
-	border-radius:.3em;
-	}
-	.btn .flag {
-		border-width:0;
-		opacity:.7;
+@mixin flagStyles() {
+	.flag {
+		background-color:rgba(0,0,0, .1) !important;
+		font-size: 80%!important;
+		padding: .2em .3em!important;
+		margin-left: .4em!important;
+		border-radius:.3em!important;
+		text-decoration:none!important;
 		}
-.external {	
-	}
-	.external .glyphicon-new-window {
-		font-size:.8em;
-		margin-left:.4em;
-		opacity:.7;
+		.btn .flag {
+			border-width:0!important;
+			opacity:.7!important;
+			}
+	.external {	
 		}
-		.external:hover .glyphicon-new-window {
-			opacity:1;
+		.external .glyphicon-new-window {
+			font-size:.8em!important;
+			margin-left:.4em!important;
+			opacity:.7!important;
 			}
-
+			.external:hover .glyphicon-new-window {
+				opacity:1!important;
+				}
+}
+
+@include flagStyles();
+
+table {
+	 @include flagStyles();	
+}
diff --git a/style.css b/style.css
@@ -7386,23 +7386,41 @@ object {
 	== Link Flags 
 - - - - - - - - - - - - - - - - - - - */
 .flag {
-  background-color: rgba(0, 0, 0, 0.1);
-  font-size: 80%;
-  padding: .2em .3em;
-  margin-left: .4em;
-  border-radius: .3em; }
+  background-color: rgba(0, 0, 0, 0.1) !important;
+  font-size: 80% !important;
+  padding: 0.2em 0.3em !important;
+  margin-left: 0.4em !important;
+  border-radius: 0.3em !important;
+  text-decoration: none !important; }
 
 .btn .flag {
-  border-width: 0;
-  opacity: .7; }
+  border-width: 0 !important;
+  opacity: 0.7 !important; }
 
 .external .glyphicon-new-window {
-  font-size: .8em;
-  margin-left: .4em;
-  opacity: .7; }
+  font-size: 0.8em !important;
+  margin-left: 0.4em !important;
+  opacity: 0.7 !important; }
 
 .external:hover .glyphicon-new-window {
-  opacity: 1; }
+  opacity: 1 !important; }
+
+table .flag {
+  background-color: rgba(0, 0, 0, 0.1) !important;
+  font-size: 80% !important;
+  padding: 0.2em 0.3em !important;
+  margin-left: 0.4em !important;
+  border-radius: 0.3em !important;
+  text-decoration: none !important; }
+table .btn .flag {
+  border-width: 0 !important;
+  opacity: 0.7 !important; }
+table .external .glyphicon-new-window {
+  font-size: 0.8em !important;
+  margin-left: 0.4em !important;
+  opacity: 0.7 !important; }
+table .external:hover .glyphicon-new-window {
+  opacity: 1 !important; }
 
 /* - - - - - - - - - - - - - - - - - - - 
 	== Accessibility