standardize component structure more

1 files changed, 25 insertions, 0 deletions

diff --git a/styles/pay-transparency.module.css b/styles/pay-transparency.module.css
new file mode 100644
index 0000000..8df22bd
--- /dev/null
+++ b/styles/pay-transparency.module.css
@@ -0,0 +1,25 @@
+.horizOverflow {
+  margin: 0 calc(-1 * var(--text-padding));
+  width: calc(100% + 2 * var(--text-padding));
+  overflow-x: auto;
+}
+
+.table {
+  position: relative;
+  font-size: .9em;
+  padding: 0 var(--text-padding);
+
+  display: grid;
+  grid-template-columns: repeat(4, auto);
+  column-gap: calc(.5 * var(--text-padding));
+}
+
+.table .heading {
+  color: var(--text-bright);
+  font-weight: bolder;
+  text-decoration: underline;
+}
+
+.table > span:not(.position):not(.heading) {
+  color: var(--text-dimmed);
+}