mirror of
https://github.com/picocss/pico.git
synced 2025-04-25 10:46:14 -04:00
style: table
This commit is contained in:
parent
d24f3c000c
commit
7b84bad669
2 changed files with 9 additions and 8 deletions
|
@ -28,6 +28,7 @@
|
|||
td {
|
||||
padding: calc(var(#{$✨}spacing) / 2) var(#{$✨}spacing);
|
||||
border-bottom: var(#{$✨}border-width) solid var(#{$✨}table-border-color);
|
||||
background-color: var(#{$✨}background-color);
|
||||
color: var(#{$✨}color);
|
||||
font-weight: var(#{$✨}font-weight);
|
||||
text-align: left;
|
||||
|
@ -44,10 +45,13 @@
|
|||
}
|
||||
|
||||
// Striped
|
||||
table {
|
||||
&[role="grid"] {
|
||||
tbody tr:nth-child(odd) {
|
||||
background-color: var(#{$✨}table-row-stripped-background-color);
|
||||
@if enable-classes {
|
||||
table {
|
||||
&.striped {
|
||||
tbody tr:nth-child(odd) th,
|
||||
tbody tr:nth-child(odd) td {
|
||||
background-color: var(#{$✨}table-row-stripped-background-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -233,13 +233,10 @@
|
|||
tfoot {
|
||||
th,
|
||||
td {
|
||||
#{$✨}font-weight: 600;
|
||||
#{$✨}border-width: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
:not(thead, tfoot) > * > td {
|
||||
font-size: 0.875em;
|
||||
}
|
||||
}
|
||||
|
||||
// Code
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue