From bcb76b99499009da93232d11cfe849c02683792c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pascal=20Eng=C3=A9libert?= <tuxmain@zettascript.org>
Date: Tue, 18 Apr 2023 19:54:55 +0200
Subject: [PATCH] Style tableau forfaits

---
 content/tarifs.md    |  4 +---
 sass/css/defs.scss   |  4 ++++
 sass/css/prices.scss | 19 +++++++++++++++++++
 3 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/content/tarifs.md b/content/tarifs.md
index 2c7367b..2cacd34 100644
--- a/content/tarifs.md
+++ b/content/tarifs.md
@@ -8,8 +8,6 @@ Auto-héberger ses sites, c'est un peu comme être propriétaire&nbsp;: ça a un
 
 LIBREZO vous installe à domicile et configure votre serveur.
 
-## Forfaits
-
 <table class="prices nn1200">
 	<thead>
 		<tr>
@@ -32,7 +30,7 @@ LIBREZO vous installe à domicile et configure votre serveur.
 		<tr>
 			<td class="prices-power">Conso&nbsp;: 5W</td>
 			<td class="prices-power">Conso&nbsp;: 10W</td>
-			<td class="prices-power">Conso&nbsp;: &ge;60W</td>
+			<td class="prices-power">Conso&nbsp;: &ge; 60W</td>
 		</tr>
 	</tbody>
 </table>
diff --git a/sass/css/defs.scss b/sass/css/defs.scss
index e44659f..6a5e513 100644
--- a/sass/css/defs.scss
+++ b/sass/css/defs.scss
@@ -2,6 +2,10 @@ $blue: #0294d9;
 $violet: #ac44ff;
 $grey1: #444;
 
+$grad1_3tr: rgba(2, 148, 217, 0.2);
+$grad2_3tr: rgba(87, 108, 236, 0.2);
+$grad3_3tr: rgba(172, 68, 255, 0.2);
+
 @font-face {
 	font-family: LunaSans;
 	src: url("/fonts/LunaSans-Regular.ttf");
diff --git a/sass/css/prices.scss b/sass/css/prices.scss
index 4231dc3..019e3a6 100644
--- a/sass/css/prices.scss
+++ b/sass/css/prices.scss
@@ -10,4 +10,23 @@
 	font-size: 24px;
 	background: linear-gradient(0.125turn, $blue, $violet);
 	color: #fff;
+	padding: 4px;
+}
+
+.prices td {
+	padding: 4px;
+	text-align: center;
+	font-size: 20px;
+}
+
+.prices tr td:first-of-type {
+	background-color: $grad1_3tr;
+}
+
+.prices tr td:first-of-type + td {
+	background-color: $grad2_3tr;
+}
+
+.prices tr td:first-of-type + td + td {
+	background-color: $grad3_3tr;
 }