Rebrace PE footnotes SCSS

wet-boew · Dec 29, 2012 · 8ee863c · 8ee863c
1 parent fd474f3
commit 8ee863c
Show file tree

Hide file tree

Showing 3 changed files with 71 additions and 31 deletions.
diff --git a/src/js/sass/includes/_footnotes-ie7.scss b/src/js/sass/includes/_footnotes-ie7.scss
@@ -27,14 +27,22 @@ $clrDark: #555;
 /*Screen SCSS*/
 @media screen {
 	.ie7 {
-		.wet-boew-footnotes dd.footnote-focus {
-			background-color: $clrLight;
-			border-color: $clrDark;
-			p.footnote-return a {
-				color: $clrWhite !important;
-				background-color: $clrDark;
-				border-color: $clrDark;
-				@include text-shadow(none !important);
+		.wet-boew-footnotes {
+			dd {
+				&.footnote-focus {
+					background-color: $clrLight;
+					border-color: $clrDark;
+					p {
+						&.footnote-return {
+							a {
+								color: $clrWhite !important;
+								background-color: $clrDark;
+								border-color: $clrDark;
+								@include text-shadow(none !important);
+							}
+						}
+					}
+				}
 			}
 		}
 	}
@@ -43,8 +51,12 @@ $clrDark: #555;
 /*Print SCSS*/
 @media print {
 	.ie7 {
-		.wet-boew-footnotes dl dd {
-			overflow: auto;
+		.wet-boew-footnotes {
+			dl {
+				dd {
+					overflow: auto;
+				}
+			}
 		}
 	}
 }
diff --git a/src/js/sass/includes/_footnotes-ie8.scss b/src/js/sass/includes/_footnotes-ie8.scss
@@ -7,12 +7,16 @@
 /*Print SCSS*/
 @media print {
 	.ie8 {
-		.wet-boew-footnotes dl dd {
-			display: block;
-			p {
-				@include inline-block;
-				&.footnote-return {
+		.wet-boew-footnotes {
+			dl {
+				dd {
 					display: block;
+					p {
+						@include inline-block;
+						&.footnote-return {
+							display: block;
+						}
+					}
 				}
 			}
 		}

diff --git a/src/js/sass/includes/_footnotes.scss b/src/js/sass/includes/_footnotes.scss
@@ -26,9 +26,17 @@ sup a.footnote-link, .wet-boew-footnotes dl dd p.footnote-return a {
 		@include text-shadow(none !important);
 	}
 }
-table th sup a.footnote-link {
-	background-color: $clrWhite;
-	@include text-shadow(none);
+table {
+	th {
+		sup {
+			a {
+				&.footnote-link {
+					background-color: $clrWhite;
+					@include text-shadow(none);
+				}
+			}
+		}
+	}
 }
 .wet-boew-footnotes {
 	margin: 2em 10px 0 10px;
@@ -61,12 +69,16 @@ table th sup a.footnote-link {
 			&:focus {
 				background-color: $clrLight;
 				border-color: $clrDark;
-				p.footnote-return a {
-					/*Re-uses the same properties as regular footnote links in hover/focus/active states... leverage placeholder selectors (i.e. %foo) once SASS 3.2.1 or higher gets implemented*/
-					color: $clrWhite !important;
-					background-color: $clrDark;
-					border-color: $clrDark;
-					@include text-shadow(none !important);
+				p {
+					&.footnote-return {
+						a {
+							/*Re-uses the same properties as regular footnote links in hover/focus/active states... leverage placeholder selectors (i.e. %foo) once SASS 3.2.1 or higher gets implemented*/
+							color: $clrWhite !important;
+							background-color: $clrDark;
+							border-color: $clrDark;
+							@include text-shadow(none !important);
+						}
+					}
 				}
 			}
 			p {
@@ -100,8 +112,16 @@ table th sup a.footnote-link {
 		border: 0;
 		padding: 0;
 	}
-	table th sup a.footnote-link {
-		background-color: transparent;
+	table {
+		th {
+			sup {
+				a {
+					&.footnote-link {
+						background-color: transparent;
+					}
+				}
+			}
+		}
 	}
 	.wet-boew-footnotes {
 		border {
@@ -113,11 +133,15 @@ table th sup a.footnote-link {
 			right: 0;
 			bottom: 1em;
 		}
-		dl dd {
-			border: 0;
-			@include inline-block;
-			p.footnote-return {
-				overflow: visible;
+		dl {
+			dd {
+				border: 0;
+				@include inline-block;
+				p {
+					&.footnote-return {
+						overflow: visible;
+					}
+				}
 			}
 		}
 	}