Style tableau forfaits
This commit is contained in:
parent
5220d0ee89
commit
bcb76b9949
3 changed files with 24 additions and 3 deletions
|
@ -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>
|
||||
|
|
|
@ -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");
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue