From 1a6eb7e2ff0bf551e1560c67170e90fa8ec2a8ea Mon Sep 17 00:00:00 2001
From: Joe Carstairs <118172583+jcarstairs-scottlogic@users.noreply.github.com>
Date: Thu, 25 Jan 2024 16:59:42 +0000
Subject: 33 / Pay annual subscription by PayPal (#68)

* Refactors paypal-buttons -> paypal-product-buttons WebComponent

* Pulls out address to data file

* Defines annual subscription prices data hash

* Styles paypal-product-buttons

* Styles <address>

* Details have cursor:pointer on the summary

* Moves Jyne section to separate page

* Rewrites payment options using details components

* Reworks translation typing

* Defines MembershipType enum

* Adds translations for MembershipType enum

* Can pay annual subs by PayPal

* Styles tables better
---
 scss/base/_table.scss | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 scss/base/_table.scss

(limited to 'scss/base/_table.scss')

diff --git a/scss/base/_table.scss b/scss/base/_table.scss
new file mode 100644
index 0000000..ca4f957
--- /dev/null
+++ b/scss/base/_table.scss
@@ -0,0 +1,23 @@
+table {
+  border-collapse: collapse;
+  background-color: var(--background-color); // side-scrolling may be needed on narrow screens
+
+  caption {
+    font-style: italic;
+    font-size: var(--font-size-0);
+  }
+}
+
+thead, th {
+  border-block-end: var(--border-width) solid var(--text-color);
+}
+
+:is(th, td) {
+  padding-inline: var(--spacing-inline-sm);
+  padding-block: var(--spacing-block-sm);
+
+  + :is(th, td) {
+    border-inline-start: calc(var(--border-width) / 2) solid var(--text-color);
+  }
+}
+
-- 
cgit v1.2.3