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.
## Forfaits
<table class="prices nn1200">
<thead>
<tr>

View file

@ -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");

View file

@ -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;
}