Merge pull request #130 from LaurentGoderre/fix-bc-print-icons

Fixed the breadcrumb glyphicons not working in print view

src/theme.scss

@@ -13,6 +13,9 @@
 /*
  Views
  */
+/* All views */
+@import "views/base";
+
 /* All screen views */
 @media screen {
 	@import "views/screen";

src/views/_base.scss

@@ -0,0 +1,58 @@
+/*
+ *
+ * Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
+ * wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html
+ *
+ */
+/*
+  @title: All views
+ */
+
+%no-breadcrumb-icon {
+	content: none;
+	padding: 0;
+}
+
+#wb-bc {
+	li {
+		&:before,
+		&:after {
+			color: #333;
+			font: {
+				family: "Glyphicons Halflings";
+				size: 0.7em;
+			}
+		}
+
+		&:before {
+			content: "\e092";
+		}
+
+		&:first-child {
+			&:before {
+				@extend %no-breadcrumb-icon;
+			}
+		}
+	}
+}
+
+[dir=rtl] {
+	#wb-bc {
+		li {
+			&:before {
+				@extend %no-breadcrumb-icon;
+			}
+
+			&:after {
+				content: "\e091";
+				padding: 0 5px;
+			}
+
+			&:first-child {
+				&:after {
+					@extend %no-breadcrumb-icon;
+				}
+			}
+		}
+	}
+}

src/views/_screen.scss

@@ -8,11 +8,6 @@
   @title: All screen views
  */
 
-%no-breadcrumb-icon {
-	content: none;
-	padding: 0;
-}
-
 %banner-text-color {
 	color: #fff;
 }
@@ -166,32 +161,6 @@
 	}
 }
 
-#wb-bc {
-	.breadcrumb {
-		background: transparent;
-		margin-bottom: 0;
-	}
-
-	li {
-		&:before,
-		&:after {
-			color: #333;
-			font-family: "Glyphicons Halflings";
-			font-size: 0.7em;
-		}
-
-		&:before {
-			content: "\e092";
-		}
-
-		&:first-child {
-			&:before {
-				@extend %no-breadcrumb-icon;
-			}
-		}
-	}
-}
-
 #wb-dtmd {
 	float: right;
 }
@@ -203,25 +172,6 @@
 }
 
 [dir=rtl] {
-	#wb-bc {
-		li {
-			&:before {
-				@extend %no-breadcrumb-icon;
-			}
-
-			&:after {
-				content: "\e091";
-				padding: 0 5px;
-			}
-
-			&:first-child {
-				&:after {
-					@extend %no-breadcrumb-icon;
-				}
-			}
-		}
-	}
-
 	#wb-dtmd {
 		float: left;
 	}