Cosmetic changes for postcss

static/src/components/layout.css

@@ -3,11 +3,11 @@
 	margin-top: 8px;
 	margin-bottom: 8px;
 
-	hr {
+	& hr {
 		border-color: #ccd3dd;
 	}
 
-	h1 span {
+	& h1 span {
 		text-transform: uppercase;
 	}
 }
@@ -17,11 +17,11 @@ section {
 	padding-bottom: 24px;
 	padding-top: 24px;
 
-	& .white-pure {
+	&.white-bg {
 		padding: 34px;
 	}
 
-	& .white {
+	&.light-gray-bg {
 		padding-bottom: 52px;
 	}
 }
@@ -44,7 +44,7 @@ section {
 
 .text-center {
 	margin-top: 0;
-	margin-bottom: O;
+	margin-bottom: 0;
 }
 
 

static/src/components/navigation.css

@@ -53,7 +53,7 @@ ul.nav.nav-integrated li {
 		background-color: var(--color-white);
 	}
 
-	a {
+	& a {
 		padding: 1rem;
 		font-weight: bold;
 		text-align: center;

static/src/components/table.css

 table.article-table {
-}
+  background-color: var(--color-white);
 
-table.article-table thead {
-  background-color: #ebf3ff;
+  & thead tr {
+    background-color: var(--color-light-gray);
     border: none;
-}
-
-table.article-table td, table.article-table th {
-  word-wrap: break-word;         /* All browsers since IE 5.5+ */
-  overflow-wrap: break-word;     /* Renamed property in CSS3 draft spec */
-
-  padding: .5rem;
-  vertical-align: baseline;
-  border-color: #ebf3ff;
-}
+  }
 
-table.article-table > tbody > tr {
-  border: 1px solid #ebf3ff;
-}
+  & thead th {
+    border: none;
+  }
 
+  & tr {
+    border: 1px solid var(--color-light-gray);
 
-table.article-table tr.empty-row {
+    /* Empty rows to add spacing between rows (no border) */
+    &.empty-row {
       border: none;
-}
+      td { padding-bottom: 0.5rem;}
+    }
+  }
 
+  & td, & th {
+    overflow-wrap: break-word;
 
-table.article-table > tbody > tr.empty-row td {
-  padding-bottom: 0.5rem;
+    padding: .5rem;
+    vertical-align: baseline;
+    border-color: var(--color-light-gray);
+  }
 }
 
 
@@ -41,19 +41,19 @@ ul.votes-list, ul.actions-list {
 }
 
 table.article-table td.actions-cell {
-  background-color: #ebf3ff;
+  background-color: var(--color-light-gray);
   padding: 1rem 1.5rem;
 }
 
-li.actions-item {
-  cursor: pointer;
+table.article-table td.icon-cell {
+  text-align: center;
 }
 
 table.article-table ul {
   padding: 0;
   margin: 0;
-}
 
-table.article-table td.icon-cell {
-  text-align: center;
+  & li.actions-item {
+    cursor: pointer;
+  }
 }