Ajustement responsive du contenu des tableaux
This commit is contained in:
parent
b78fbd033f
commit
9812294781
1 changed files with 16 additions and 1 deletions
|
@ -1,6 +1,7 @@
|
|||
.table {
|
||||
font-family: "Poppins";
|
||||
margin-bottom: 20px;
|
||||
font-size: 0.625rem;
|
||||
}
|
||||
|
||||
td {
|
||||
|
@ -11,7 +12,9 @@ td {
|
|||
font-weight: 600;
|
||||
}
|
||||
|
||||
.tableRow:nth-child(odd) {}
|
||||
.tableRow:nth-child(odd) {
|
||||
background-color: #FFF;
|
||||
}
|
||||
|
||||
.tableRow:nth-child(even) {
|
||||
background-color: #F4F4F4;
|
||||
|
@ -26,4 +29,16 @@ td {
|
|||
.separator {
|
||||
width: 75%;
|
||||
border: 1px solid #C4C4C4;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
.table {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1140px) {
|
||||
.table {
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
Loading…
Reference in a new issue