2025-02-25

src/styles/base/base.css

@@ -55,7 +55,6 @@ body {
 *::selection {
   color: var(--color-secondary);
   background: var(--color-primary);
-  font-weight: 120;
 }
 
 /* TODO: Prendre en compte a11y-dialog */

src/styles/base/elements.css

@@ -33,6 +33,15 @@
   inline-size: fit-content;
 }
 
+:where(a) {
+  text-decoration: underline dashed;
+  text-decoration-skip-ink: all;
+
+  .external {
+    text-decoration: underline solid;
+  }
+}
+
 /* Évite le dépassement des textes. */
 :where(p, h1, h2, h3, h4, h5, h6) {
   overflow-wrap: break-word;
@@ -98,10 +107,6 @@
   margin-block-end: var(--s0);
 }
 
-:where(a) {
-  text-decoration: none;
-}
-
 /*
  * Empêche les marqueurs de listes de modifier la hauteur de ligne sur Firefox.
  * https://danburzo.ro/notes/moz-bullet-font

src/styles/themes/default.css

@@ -27,7 +27,7 @@ h1 {
 }
 
 .container {
-  --max-width: 90rem;
+  --max-width: 100%;
   --space: var(--s1);
 
   place-content: start;

src/styles/themes/default/buttons.css

@@ -52,4 +52,29 @@ button {
       transform: translateX(2px) translateY(2px);
     }
   }
+
+  /* Bouton sous forme de lien. */
+  &.button-link {
+    --button-border-color: transparent;
+    padding-block: var(--s-5);
+    padding-inline: var(--s-4);
+    box-shadow: initial;
+    line-height: var(--line-height-comfortable);
+    outline-offset: initial;
+
+    &:hover {
+      --button-border-color: var(--color-primary);
+    }
+
+    &:focus-visible {
+      outline-offset: initial;
+    }
+
+    &:active {
+      transform: initial;
+      border: 1px solid var(--color-primary);
+      outline: 1px solid var(--color-secondary);
+      outline-offset: -0.1rem;
+    }
+  }
 }