mirror of
https://github.com/picocss/pico.git
synced 2025-04-20 16: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 {
|
td {
|
||||||
padding: calc(var(#{$✨}spacing) / 2) var(#{$✨}spacing);
|
padding: calc(var(#{$✨}spacing) / 2) var(#{$✨}spacing);
|
||||||
border-bottom: var(#{$✨}border-width) solid var(#{$✨}table-border-color);
|
border-bottom: var(#{$✨}border-width) solid var(#{$✨}table-border-color);
|
||||||
|
background-color: var(#{$✨}background-color);
|
||||||
color: var(#{$✨}color);
|
color: var(#{$✨}color);
|
||||||
font-weight: var(#{$✨}font-weight);
|
font-weight: var(#{$✨}font-weight);
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
@ -44,10 +45,13 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
// Striped
|
// Striped
|
||||||
table {
|
@if enable-classes {
|
||||||
&[role="grid"] {
|
table {
|
||||||
tbody tr:nth-child(odd) {
|
&.striped {
|
||||||
background-color: var(#{$✨}table-row-stripped-background-color);
|
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 {
|
tfoot {
|
||||||
th,
|
th,
|
||||||
td {
|
td {
|
||||||
|
#{$✨}font-weight: 600;
|
||||||
#{$✨}border-width: 3px;
|
#{$✨}border-width: 3px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
:not(thead, tfoot) > * > td {
|
|
||||||
font-size: 0.875em;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// Code
|
// Code
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue