Librezo/website
Librezo/website
3
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Style tableau forfaits

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

4
content/tarifs.md
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>
@ -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>

4
sass/css/defs.scss
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");

19
sass/css/prices.scss
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;
}