You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
100 lines
1.5 KiB
SCSS
100 lines
1.5 KiB
SCSS
8 months ago
|
table,
|
||
|
|
.wp-block-table {
|
||
|
|
width: 100%;
|
||
|
|
min-width: 240px;
|
||
|
|
border-collapse: collapse;
|
||
|
|
|
||
|
|
thead,
|
||
|
|
tfoot {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
th {
|
||
|
|
font-family: var(--heading--font-family);
|
||
|
|
}
|
||
|
|
|
||
|
|
td,
|
||
|
|
th {
|
||
|
|
padding: calc(0.5 * var(--global--spacing-unit));
|
||
|
|
border: 1px solid;
|
||
|
|
}
|
||
|
|
|
||
|
|
figcaption {
|
||
|
|
color: var(--global--color-primary);
|
||
|
|
font-size: var(--global--font-size-xs);
|
||
|
|
}
|
||
|
|
|
||
|
|
&.is-style-regular .has-background,
|
||
|
|
&.is-style-stripes .has-background,
|
||
|
|
&.is-style-stripes .has-background thead tr,
|
||
|
|
&.is-style-stripes .has-background tfoot tr,
|
||
|
|
&.is-style-stripes .has-background tbody tr {
|
||
|
|
color: var(--table--has-background-text-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
&.is-style-stripes {
|
||
|
|
border-color: var(--table--stripes-border-color);
|
||
|
|
|
||
|
|
th,
|
||
|
|
td {
|
||
|
|
border-width: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
tbody tr:nth-child(odd) {
|
||
|
|
background-color: var(--table--stripes-background-color);
|
||
|
|
}
|
||
|
|
|
||
|
|
.has-background tbody tr:nth-child(odd) {
|
||
|
|
background-color: var(--global--color-white-90);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
table.wp-calendar-table {
|
||
|
|
|
||
|
|
td,
|
||
|
|
th {
|
||
|
|
background: transparent;
|
||
|
|
border: 0;
|
||
|
|
text-align: center;
|
||
|
|
line-height: 2;
|
||
|
|
vertical-align: middle;
|
||
|
|
word-break: normal;
|
||
|
|
}
|
||
|
|
|
||
|
|
th {
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
thead,
|
||
|
|
tbody {
|
||
|
|
color: currentColor;
|
||
|
|
border: 1px solid;
|
||
|
|
}
|
||
|
|
|
||
|
|
caption {
|
||
|
|
font-weight: bold;
|
||
|
|
text-align: left;
|
||
|
|
margin-bottom: var(--global--spacing-unit);
|
||
|
|
color: currentColor;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.wp-calendar-nav {
|
||
|
|
text-align: left;
|
||
|
|
margin-top: calc(var(--global--spacing-unit) / 2);
|
||
|
|
|
||
|
|
svg {
|
||
|
|
height: 1em;
|
||
|
|
vertical-align: middle;
|
||
|
|
|
||
|
|
path {
|
||
|
|
fill: currentColor;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.wp-calendar-nav-next {
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
}
|