diff --git a/src/components/accordion.js b/src/components/accordion.js index 643e3e2..72026b3 100644 --- a/src/components/accordion.js +++ b/src/components/accordion.js @@ -4,16 +4,11 @@ import accordionStyles from "./accordion.module.css" export default ({ title, children }) => { return (
- + -
{children}
+
{children}
) } diff --git a/src/components/accordion.module.css b/src/components/accordion.module.css index 04988b1..5369c58 100644 --- a/src/components/accordion.module.css +++ b/src/components/accordion.module.css @@ -12,6 +12,17 @@ label:after { right: 1em; } +input:focus + label { + border: 1px dotted white; +} + +input { + opacity: 0; + overflow: hidden; + position: absolute; + z-index: -1; +} + input:checked + label:after { content: "∧"; } diff --git a/src/components/footer.js b/src/components/footer.js index 626eabf..cca20c0 100644 --- a/src/components/footer.js +++ b/src/components/footer.js @@ -3,7 +3,7 @@ import footerStyles from "./footer.module.css" import { Link } from "gatsby" export default ({ editLink }) => ( -
+
+ ) diff --git a/src/components/layout.js b/src/components/layout.js index 8abcc28..1a2010d 100644 --- a/src/components/layout.js +++ b/src/components/layout.js @@ -6,7 +6,9 @@ import layoutStyles from "./layout.module.css" export default ({ path, editLink, children }) => ( <> ) }