woocommerce/plugins/woocommerce-blocks/assets/js/blocks/order-confirmation/totals/style.scss

73 lines
1.3 KiB
SCSS

.wc-block-order-confirmation-totals {
margin-top: $gap-large;
margin-bottom: $gap-large * 2;
border: 0 !important; // We want styles to appear on table, not on block.
table {
width: 100%;
border: 1px solid $universal-border-light;
border-spacing: 0;
border-radius: 2px;
border-collapse: collapse;
th,
td {
border: 1px solid $universal-border-light;
border-right-width: 0;
border-left-width: 0;
padding: $gap;
margin: 0;
text-align: left;
font-weight: inherit;
}
thead,
tfoot th {
font-weight: bold;
}
tfoot tr:last-child {
td,
th {
border-bottom-width: 0;
}
}
.wc-block-order-confirmation-totals__total,
.wc-block-order-confirmation-totals__note {
font-variant-numeric: tabular-nums;
text-align: right;
}
.wc-item-meta {
list-style-type: none;
padding: 0;
margin: 0.5em 0 0;
font-size: 0.75em;
li > * {
display: inline-block;
margin: 0;
}
}
}
table[style*="border-width"],
table[style*="border-color"] {
> *,
tr,
th,
td {
border-style: inherit;
border-width: inherit;
border-color: inherit;
border-right-width: 0;
border-left-width: 0;
border-top-width: 0;
}
}
.bundled_table_item {
td {
padding-top: 0;
}
td.wc-block-order-confirmation-totals__product {
padding-left: $gap-largest;
}
}
}