Tachyons has some basic utilities for styling tables that are easy to customize and extend.
Examples
Striped - Light Gray
Name | Rating |
---|---|
Jurassic Park | 5 stars |
Back to the Future | 5 stars |
Primer | 5 stars |
Sunshine | 5 stars |
Moon | 5 stars |
Striped - Near white
Name | Rating |
---|---|
Jurassic Park | 5 stars |
Back to the Future | 5 stars |
Primer | 5 stars |
Sunshine | 5 stars |
Moon | 5 stars |
Previous
FormsNext
Type Scaletachyons-tables
v1.0.8 142 B- Declarations
- 6
- Selectors
- 4
- Max. Specificity Score
- 20
- Size of Avg. Rule
- 1.5
/*
TABLES
Docs: http://tachyons.io/docs/elements/tables/
*/
.collapse {
border-collapse: collapse;
border-spacing: 0;
}
.striped--light-silver:nth-child(odd) {
background-color: var(--light-silver);
}
.striped--moon-gray:nth-child(odd) {
background-color: var(--moon-gray);
}
.striped--light-gray:nth-child(odd) {
background-color: var(--light-gray);
}
.striped--near-white:nth-child(odd) {
background-color: var(--near-white);
}
.stripe-light:nth-child(odd) {
background-color: var(--white-10);
}
.stripe-dark:nth-child(odd) {
background-color: var(--black-10);
}