From 00bc19b8c4a16f5b9bdca92e1db3f8e2bc0269fd Mon Sep 17 00:00:00 2001 From: Lakshmishri Date: Mon, 1 Jul 2024 15:33:42 +0200 Subject: [PATCH] add changes to sustainabilty page --- blocks/accordion/accordion.css | 12 ++---------- blocks/tabs/tabs.css | 18 ++++++------------ icons/pdf.svg | 1 + 3 files changed, 9 insertions(+), 22 deletions(-) create mode 100644 icons/pdf.svg diff --git a/blocks/accordion/accordion.css b/blocks/accordion/accordion.css index 9c04f6c..fe1b484 100755 --- a/blocks/accordion/accordion.css +++ b/blocks/accordion/accordion.css @@ -1,12 +1,3 @@ -.accordion details { - border: 1px solid var(--dark-color); -} - -/* stylelint-disable-next-line no-descending-specificity */ -.accordion details + details { - margin-top: 16px; -} - .accordion details summary { position: relative; padding: 0 16px; @@ -15,6 +6,7 @@ list-style: none; overflow: auto; transition: background-color 0.2s; + border-bottom: 1px solid var(--dark-color); } .accordion details[open] summary { @@ -23,7 +15,7 @@ .accordion details summary:focus, .accordion details summary:hover { - background-color: var(--dark-color); + background-color: var(--light-color); } .accordion details summary::-webkit-details-marker { diff --git a/blocks/tabs/tabs.css b/blocks/tabs/tabs.css index 0a9ac38..f96de6a 100755 --- a/blocks/tabs/tabs.css +++ b/blocks/tabs/tabs.css @@ -8,10 +8,9 @@ .tabs .tabs-list button { flex: 0 0 max-content; margin: 0; - border: 1px solid var(--dark-color); border-radius: 0; padding: 8px 16px; - background-color: var(--light-color); + background-color: var(--background-color); color: initial; font-size: unset; font-weight: bold; @@ -23,21 +22,16 @@ transition: background-color 0.2s; } -.tabs .tabs-list button[aria-selected="true"] { - border-bottom: 1px solid var(--background-color); - background-color: var(--background-color); - cursor: initial; -} - +.tabs .tabs-list button[aria-selected="true"], .tabs .tabs-list button[aria-selected="false"]:hover, .tabs .tabs-list button[aria-selected="false"]:focus { - background-color: var(--dark-color); + border-bottom: 2px solid var(--link-color); } + + .tabs .tabs-panel { - margin-top: -1px; - padding: 0 16px; - border: 1px solid var(--dark-color); + padding-top: 10px; overflow: auto; } diff --git a/icons/pdf.svg b/icons/pdf.svg new file mode 100644 index 0000000..0549326 --- /dev/null +++ b/icons/pdf.svg @@ -0,0 +1 @@ + \ No newline at end of file