Style tableau forfaits

This commit is contained in:
Pascal Engélibert 2023-04-18 19:54:55 +02:00
parent 5220d0ee89
commit bcb76b9949
Signed by: tuxmain
GPG key ID: 3504BC6D362F7DCA
3 changed files with 24 additions and 3 deletions

View file

@ -8,8 +8,6 @@ Auto-héberger ses sites, c'est un peu comme être propriétaire : ça a un
LIBREZO vous installe à domicile et configure votre serveur. LIBREZO vous installe à domicile et configure votre serveur.
## Forfaits
<table class="prices nn1200"> <table class="prices nn1200">
<thead> <thead>
<tr> <tr>
@ -32,7 +30,7 @@ LIBREZO vous installe à domicile et configure votre serveur.
<tr> <tr>
<td class="prices-power">Conso&nbsp;: 5W</td> <td class="prices-power">Conso&nbsp;: 5W</td>
<td class="prices-power">Conso&nbsp;: 10W</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> </tr>
</tbody> </tbody>
</table> </table>

View file

@ -2,6 +2,10 @@ $blue: #0294d9;
$violet: #ac44ff; $violet: #ac44ff;
$grey1: #444; $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-face {
font-family: LunaSans; font-family: LunaSans;
src: url("/fonts/LunaSans-Regular.ttf"); src: url("/fonts/LunaSans-Regular.ttf");

View file

@ -10,4 +10,23 @@
font-size: 24px; font-size: 24px;
background: linear-gradient(0.125turn, $blue, $violet); background: linear-gradient(0.125turn, $blue, $violet);
color: #fff; 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;
} }