X-Git-Url: http://git.shiar.net/sheet.git/blobdiff_plain/2c71866982200bc4c9be7c9dbb63f1a3fded70d4..5ea795d4f04b3fd605c4dfcf547e1969f1eb39be:/style/sc.scss?ds=sidebyside

diff --git a/style/sc.scss b/style/sc.scss
index 62f5807..50925e8 100644
--- a/style/sc.scss
+++ b/style/sc.scss
@@ -1,39 +1,50 @@
-.units {
-	border-collapse: separate;
-	border-spacing: 0;
-	margin: 0 auto;
-	white-space: nowrap;
-}
-.units th, .units td {
-	border: 0;
-	padding: 0 0.2em;
-	background: transparent;
-	text-align: left;
-}
-tr.alt td {
-	font-size: 70%;
-	padding-left: 0.5em;
-}
-.units tr th:first-child {
-	padding-left: 0;
-}
-
 table h2 {
 	padding: 1ex 0;
 	margin: 0;
 	text-align: center;
 }
-.units thead th, .units tfoot th {
+tr.alt td {
 	font-size: 70%;
-	font-weight: normal;
+	padding-left: 0.5em;
 }
 
-.units td.unit {
-	padding-right: 0;
-}
-.units td.unit + td.unit {
-	padding-left: 0;
+.units {
+	border-collapse: separate;
+	border-spacing: 0;
+	margin: 0 auto;
+	white-space: nowrap;
+
+	th, td {
+		border: 0;
+		padding: 0 0.2em;
+		background: transparent;
+		text-align: left;
+	}
+
+	tr th:first-child {
+		padding-left: 0;
+	}
+
+	thead th, tfoot th {
+		font-size: 70%;
+		font-weight: normal;
+	}
+
+	td.unit {
+		& {
+			padding-right: 0;
+		}
+		& + td.unit {
+			padding-left: 0;
+		}
+	}
+
+	.val {
+		white-space: nowrap;
+		text-align: right;
+	}
 }
+
 .unit-composed {
 	font-size: 70%;
 }
@@ -75,109 +86,110 @@ td.hurtrel {
 	font-variant: small-caps;
 }
 
-.units .val {
-	white-space: nowrap;
-	text-align: right;
-}
-
-.legend dt {
-	float: none;
-	text-align: left;
-	margin-top: 1ex;
-	font-weight: bold;
-}
-.legend dd:before {
-	content: '• ';
-}
-.legend dd {
-	text-indent: -1em;
-	margin-left: 1em;
-}
-
 .legend {
-	display: table-cell;
-	min-width: 20em;
-	text-align: left;
+	dt {
+		float: none;
+		text-align: left;
+		margin-top: 1ex;
+		font-weight: bold;
+	}
+	dd:before {
+		content: '• ';
+	}
+	dd {
+		text-indent: -1em;
+		margin-left: 1em;
+	}
+
+	& {
+		display: table-cell;
+		min-width: 20em;
+		text-align: left;
+	}
 }
 .units {
 	float: left;
 	padding-bottom: 1em;
 	margin-right: 2em;
-}
 
-@media (max-width: 52em) {
-	.units thead th:first-child,
-	.units tbody .cat {
-		position: absolute;
-		visibility: hidden;
+	@media (max-width: 52em) {
+		thead th:first-child,
+		tbody .cat {
+			position: absolute;
+			visibility: hidden;
+		}
 	}
 }
 @media (max-width: 48em) {
 	.units {
-		width: auto;
-	}
-	.units th, .units td {
-		vertical-align: top;
-	}
-	.units td {
-		height: 2em;
-	}
+		& {
+			width: auto;
+		}
+		th, td {
+			vertical-align: top;
+		}
+		td {
+			height: 2em;
+		}
 
-	.units td:nth-child(2) {
-		white-space: normal;
-		padding: 0;
-	}
+		td:nth-child(2) {
+			white-space: normal;
+			padding: 0;
+		}
 
-	.units tr.sub td:nth-child(2),
-	.units .cat,
-	.units .unit-speed,
-	.units .hurtrel,
-	.units .unit-pop, .units .unit-type,
-	.units .unit-shield,
-	.units .unit-gas {
-		padding: 0;
-		position: absolute;
-		margin-top: 3.2ex;
-		margin-top: 1rem;
-		min-width: 4em;
-		text-align: right;
-		margin-left: -4.3em;
-		font-size: 70%;
-	}
-	.units th.unit-attr {
-		position: absolute;
-	}
-	.units .unit-type {
-		text-align: left;
-		margin-left: 0;
-	}
-	.units .unit-speed {
-		margin-left: -6em;
-	}
-	.units .alt thead th:first-child,
-	.units .alt .cat,
-	.units .alt .unit-speed,
-	.units .alt .hurtrel,
-	.units .alt .unit-pop, .units .alt .unit-type,
-	.units .alt .unit-shield,
-	.units .alt .gas {
-		margin-top: 2ex;
-	}
-	.units .cat {
-		margin-top: -2ex;
-		margin-left: 0;
-		text-align: left;
-	}
+		tr.sub td:nth-child(2),
+		.cat,
+		.unit-speed,
+		.hurtrel,
+		.unit-pop, .unit-type,
+		.unit-shield,
+		.unit-gas {
+			padding: 0;
+			position: absolute;
+			margin-top: 3.2ex;
+			margin-top: 1rem;
+			min-width: 4em;
+			text-align: right;
+			margin-left: -4.3em;
+			font-size: 70%;
+		}
+		th.unit-attr {
+			position: absolute;
+		}
+		.unit-type {
+			text-align: left;
+			margin-left: 0;
+		}
+		.unit-speed {
+			margin-left: -6em;
+		}
+		.alt {
+			thead th:first-child,
+			.cat,
+			.unit-speed,
+			.hurtrel,
+			.unit-pop, .unit-type,
+			.unit-shield,
+			.gas {
+				margin-top: 2ex;
+			}
+		}
+		.cat {
+			margin-top: -2ex;
+			margin-left: 0;
+			text-align: left;
+		}
 
-	.units thead th:first-child {
-		margin-left: 0.5em;
-	}
-	.units thead th:first-child,
-	.units th.unit-speed,
-	.units th.hurtrel,
-	.units th.unit-shield,
-	.units th.gas {
-		margin-top: 2.2ex;
+		thead th:first-child {
+			margin-left: 0.5em;
+		}
+		thead th:first-child,
+		th.unit-speed,
+		th.hurtrel,
+		th.unit-shield,
+		th.gas {
+			margin-top: 2.2ex;
+		}
 	}
 }