From fee6dea4f2f7fb7979b120d820ba0f082b9d2ddc Mon Sep 17 00:00:00 2001 From: Joe Carstairs <65492573+Sycamost@users.noreply.github.com> Date: Thu, 24 Aug 2023 09:12:05 +0100 Subject: Better responsive, grid-aligned Schedule layout --- public/css/modules/schedule.md.css | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) create mode 100644 public/css/modules/schedule.md.css (limited to 'public/css/modules/schedule.md.css') diff --git a/public/css/modules/schedule.md.css b/public/css/modules/schedule.md.css new file mode 100644 index 0000000..9ccfb0b --- /dev/null +++ b/public/css/modules/schedule.md.css @@ -0,0 +1,16 @@ +.schedule { + display: grid; + grid-template-columns: repeat(var(--grid-column-count), var(--grid-column-width)); + column-gap: var(--grid-gutter-width); +} + +.schedule dt { + grid-column: 1 / 3; + margin: 0; + text-align: end; +} + +.schedule dd { + grid-column: 3 / calc(1 + var(--grid-prose-column-count)); + text-align: start; +} -- cgit v1.2.3