Merge pull request #7668 from shawnthompson/overlay-bars-background

remove the styles for the top and bottom overlays bars from the core WET CSS
wet-boew · Sep 21, 2016 · 9294d81 · 9294d81
2 parents f5f33e0 + f262c57
commit 9294d81
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 8 deletions.
diff --git a/src/plugins/data-inview/demo/data-inview.scss b/src/plugins/data-inview/demo/data-inview.scss
@@ -11,6 +11,18 @@
 	padding: 15px;
 }
 
+.wb-overlay {
+	background-color: #fff;
+}
+
+.overlay-def {
+
+	header {
+		background-color: #000;
+		color: #fff;
+	}
+}
+
 .bar-demo {
 	border: 1px solid #ddd;
 	border-radius: 4px;
@@ -30,6 +42,8 @@
 
 .wb-bar-t,
 .wb-bar-b {
+	background-color: #000;
+
 	header {
 		@extend %data-inview-bar-demo-inline-block;
 	}

diff --git a/src/plugins/overlay/_base.scss b/src/plugins/overlay/_base.scss
@@ -8,7 +8,6 @@
  */
 .wb-overlay {
 	background-clip: border-box;
-	background-color: #fff;
 	border: 0;
 	border-radius: 0;
 	display: none;
@@ -95,8 +94,6 @@
 	overflow-y: auto;
 
 	header {
-		background-color: #000;
-		color: #fff;
 		display: block;
 		padding: 0 44px 0 1em;
 	}
@@ -106,11 +103,6 @@
 		padding: 10px 0;
 	}
 
-	&.wb-bar-t,
-	&.wb-bar-b {
-		background-color: #000;
-	}
-
 	.mfp-close {
 		color: #fff;
 	}

diff --git a/src/plugins/overlay/demo/overlay.scss b/src/plugins/overlay/demo/overlay.scss
@@ -6,6 +6,17 @@
 	display: inline-block;
 }
 
+.wb-overlay {
+	background-color: #fff;
+}
+
+.overlay-def {
+
+	header {
+		background-color: #000;
+		color: #fff;
+	}
+}
 
 .wb-panel-l,
 .wb-panel-r {
@@ -18,6 +29,8 @@
 
 .wb-bar-t,
 .wb-bar-b {
+	background-color: #000;
+
 	header {
 		@extend %overlay-demo-inline-block;
 	}