diff options
| author | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-31 10:20:51 +0100 |
|---|---|---|
| committer | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-31 10:20:51 +0100 |
| commit | 30a256d434f5cab7feeef16836fbf1e00ad5f83b (patch) | |
| tree | fe24b6b13f0317508f23c3d460c8a1bb54265d23 /public | |
| parent | 737e6161f47657b96a567de20ea5e3f0ef08e3bb (diff) | |
Adds RSS button
Diffstat (limited to 'public')
| -rw-r--r-- | public/css/modules/footer.css | 27 | ||||
| -rw-r--r-- | public/css/modules/index.css | 3 | ||||
| -rw-r--r-- | public/images/rss.svg | 20 |
3 files changed, 49 insertions, 1 deletions
diff --git a/public/css/modules/footer.css b/public/css/modules/footer.css new file mode 100644 index 0000000..eb9e108 --- /dev/null +++ b/public/css/modules/footer.css @@ -0,0 +1,27 @@ +footer { + display: grid; + grid-template-columns: repeat(var(--grid-column-count), var(--grid-column-width)); + gap: var(--grid-gutter-width); + align-items: baseline; +} + +.footer__rss-button__label { + /* Hides the label from non-screen-readers */ + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border-width: 0; +} + +.footer__rss-button__img { + width: calc(8 * var(--relative-eighth-rem)); +} + +.footer__back-to-top { + grid-column: calc(var(--grid-column-count) - 2) / calc(var(--grid-column-count) + 1); +}
\ No newline at end of file diff --git a/public/css/modules/index.css b/public/css/modules/index.css index 1a1c62a..d33754f 100644 --- a/public/css/modules/index.css +++ b/public/css/modules/index.css @@ -12,4 +12,5 @@ @import './nav.lg.css' (min-width: 64rem); @import './skip-to-content.css'; @import './committee.css'; -@import './committee.md.css' (min-width: 48rem);
\ No newline at end of file +@import './committee.md.css' (min-width: 48rem); +@import './footer.css'; diff --git a/public/images/rss.svg b/public/images/rss.svg new file mode 100644 index 0000000..9a58156 --- /dev/null +++ b/public/images/rss.svg @@ -0,0 +1,20 @@ +<?xml version="1.0" encoding="UTF-8"?> +<svg + xmlns="http://www.w3.org/2000/svg" + id="RSSicon" + viewBox="0 0 8 8" + width="256" + height="256" +> + <title>RSS feed icon</title> + + <style type="text/css"> + .button {stroke: none; fill: orange;} + .symbol {stroke: none; fill: white;} + </style> + + <rect class="button" width="8" height="8" rx="1.5"/> + <circle class="symbol" cx="2" cy="6" r="1"/> + <path class="symbol" d="m 1,4 a 3,3 0 0 1 3,3 h 1 a 4,4 0 0 0 -4,-4 z"/> + <path class="symbol" d="m 1,2 a 5,5 0 0 1 5,5 h 1 a 6,6 0 0 0 -6,-6 z"/> +</svg>
\ No newline at end of file |
