From 8fe1f022ba9b87cc5faa723224bdd8c2fa94261d Mon Sep 17 00:00:00 2001
From: Thomas JUND <tjund@entrouvert.com>
Date: Tue, 2 Aug 2022 15:21:03 +0200
Subject: [PATCH] scss: introduce $link-decoration (#67883)

---
 help/fr/misc-scss.page        | 5 +++++
 static/includes/_cells.scss   | 3 ++-
 static/includes/_forms.scss   | 2 +-
 static/includes/_general.scss | 3 ++-
 4 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/help/fr/misc-scss.page b/help/fr/misc-scss.page
index 44fdfa20..681fa6f9 100644
--- a/help/fr/misc-scss.page
+++ b/help/fr/misc-scss.page
@@ -37,6 +37,11 @@ paramètre, la deuxième sa description et la troisième la valeur par défaut.
   <td><p>Couleur des liens</p></td>
   <td><p><var>#028</var></p></td>
  </tr>
+ <tr>
+  <td><p><code>$link-decoration</code></p></td>
+  <td><p>Décoration des liens</p></td>
+  <td><p><var>none</var></p></td>
+ </tr>
  <tr>
   <td><p><code>$link-hover-decoration</code></p></td>
   <td><p>Décoration au survol des liens</p></td>
diff --git a/static/includes/_cells.scss b/static/includes/_cells.scss
index fe77e18b..3074885d 100644
--- a/static/includes/_cells.scss
+++ b/static/includes/_cells.scss
@@ -178,9 +178,9 @@ div.links-list p {
 		color: $cell-entry-color;
 		font-weight: $cell-entry-font-weight;
 		position: relative;
+		text-decoration: none;
 
 		&:hover {
-			text-decoration: none;
 			color: $cell-entry-hover-color;
 			@if $cell-entry-hover-effect == none {
 				background-color: $cell-entry-hover-background;
@@ -787,6 +787,7 @@ div.cell {
 			border: none;
 			color: text-color($footer-background);
 			padding: 0.5rem 1rem;
+			text-decoration: $link-decoration;
 			&:hover {
 				text-decoration: $link-hover-decoration;
 				background: none;
diff --git a/static/includes/_forms.scss b/static/includes/_forms.scss
index a2676fdf..402e4df0 100644
--- a/static/includes/_forms.scss
+++ b/static/includes/_forms.scss
@@ -196,12 +196,12 @@ div.buttons div {
 	margin-right: 1.5em;
 	vertical-align: middle;
 	box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.21);
+	text-decoration: none;
 
 	&:hover {
 		box-shadow: 0px 0px 5px #777;
 		background: $button-hover-background;
 		color: $button-hover-color;
-		text-decoration: none;
 	}
 
 	&:disabled {
diff --git a/static/includes/_general.scss b/static/includes/_general.scss
index a6f070a3..a2f0fe06 100644
--- a/static/includes/_general.scss
+++ b/static/includes/_general.scss
@@ -3,6 +3,7 @@ $font-color: #333 !default;
 $font-family: sans-serif !default;
 $font-size: 100% !default;
 $link-color: #028 !default;
+$link-decoration: none !default;
 $link-hover-decoration: underline !default;
 $body-background: white !default;
 
@@ -16,7 +17,7 @@ html {
 
 a {
 	color: $link-color;
-	text-decoration: none;
+	text-decoration: $link-decoration;
 	&:hover {
 		text-decoration: $link-hover-decoration;
 	}