website

commit e655af75eea31d6b77b791db9c36263e3e6596b5
parent f4296361141a9d242888dfb76983ead9de4f1aca
Author: Adriel Dumas--Jondeau <leirda@disroot.org>
Date:   Thu, 20 Jun 2024 23:27:47 +0200

Ajoute un background autour des onglets

Diffstat:
M
css/duper.css
 | 
25
+++++++++++++++++--------

1 file changed, 17 insertions(+), 8 deletions(-)
diff --git a/css/duper.css b/css/duper.css
@@ -28,6 +28,7 @@
     --page-padding: 1rem;
     --code-padding: 0.5rem;
     --logo-height: 4rem;
+    --tab-spacing: 0.5rem;
     --rounded: 0.5rem;
 }
 
@@ -84,23 +85,32 @@ header nav {
 }
 
 nav ul {
-    flex: 1 1 auto;
-    list-style-type: none;
     display: flex;
-    gap: normal var(--page-padding);
     flex-flow: row wrap;
+    gap: var(--tab-spacing);
     justify-content: space-between;
+    flex: 1 1 auto;
     margin: 0;
+    padding: 0;
+    list-style-type: none;
 }
 
 nav li {
+    display: flex;
     flex: 1 1 auto;
-    margin: auto 0;
-    text-align: center;
+    justify-content: center;
+    align-items: center;
 }
 
-nav .selected a {
-    color: var(--dim-0);
+header li > a {
+    width: 100%;
+    height: 100%;
+    max-height: 3rem;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background-color: var(--bg-1);
+    border-radius: var(--rounded);
 }
 
 article, footer {
@@ -146,7 +156,6 @@ figure {
     flex-direction: column;
     gap: 0;
     margin: 0;
-    padding-inline: 0;
 }
 
 figcaption {