Merge pull request #4761 from pjackson28/fixcarousel

Tabs: Removed top border on active tab link in carousels
wet-boew · Mar 7, 2014 · 4599853 · 4599853
2 parents f199bf7 + 4b21988
commit 4599853
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/plugins/tabs/tabs.scss b/src/plugins/tabs/tabs.scss
@@ -98,6 +98,10 @@ $medGray: #ccc;
 		}
 	}
 
+	%tabs-carousel-border-top-none-padding-top-1 {
+		border-top: none;
+		padding-top: 10px;
+	}
 	/**
 	 * Style 1 - Basic carousel style
 	 */
@@ -109,6 +113,9 @@ $medGray: #ccc;
 			li {
 				&.active, &:focus, &:hover {
 					top: 1px;
+					a {
+						@extend %tabs-carousel-border-top-none-padding-top-1;
+					}
 				}
 			}
 		}
@@ -154,6 +161,7 @@ $medGray: #ccc;
 					}
 					&.active {
 						a {
+							@extend %tabs-carousel-border-top-none-padding-top-1;
 							img {
 								/* Firefox 10+, Firefox on Android */
 								filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");