mirror of
https://github.com/picocss/pico.git
synced 2025-02-24 00:39:20 -05:00
46 lines
669 B
SCSS
46 lines
669 B
SCSS
|
/**
|
||
|
|
* Table
|
||
|
|
*/
|
||
|
|
|
||
|
|
table {
|
||
|
|
width: 100%;
|
||
|
|
border-spacing: 0;
|
||
|
|
background: var(--table-background);
|
||
|
|
}
|
||
|
|
|
||
|
|
// Cells
|
||
|
|
th,
|
||
|
|
td {
|
||
|
|
padding: ($spacing-gutter/2) $spacing-gutter;
|
||
|
|
border-bottom: 1px solid var(--table-border);
|
||
|
|
color: var(--muted-text);
|
||
|
|
font-weight: $text-weight;
|
||
|
|
text-align: left;
|
||
|
|
font-size: 0.875rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Titles
|
||
|
|
th,
|
||
|
|
thead td {
|
||
|
|
color: var(--text);
|
||
|
|
font-weight: bolder;
|
||
|
|
font-size: 1rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
// First row
|
||
|
|
thead {
|
||
|
|
th,
|
||
|
|
td {
|
||
|
|
border-bottom: 3px solid var(--table-border);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Fine striping
|
||
|
|
tbody tr:nth-child(odd) {
|
||
|
|
background-color: rgba($grey-50,.02);
|
||
|
|
}
|
||
|
|
thead tr,
|
||
|
|
tbody tr:nth-child(even) {
|
||
|
|
background-color: rgba($grey-900,.02);
|
||
|
|
}
|