52 lines
1005 B
SCSS
52 lines
1005 B
SCSS
.wc-block-pagination {
|
|
margin: 0 auto $gap;
|
|
}
|
|
|
|
.wc-block-pagination-page,
|
|
.wc-block-pagination-ellipsis {
|
|
color: #333;
|
|
display: inline-block;
|
|
font-size: 1em;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.wc-block-pagination-page {
|
|
border-color: transparent;
|
|
padding: 0.3em 0.6em;
|
|
min-width: 2.2em;
|
|
|
|
@include breakpoint( "<782px" ) {
|
|
padding: 0.1em 0.2em;
|
|
min-width: 1.6em;
|
|
}
|
|
|
|
// Twenty Twenty register a background color for buttons that is too specific
|
|
// and broad at the same time `button:not(.toggle)` so we're engaing in a
|
|
// specify war with them here.
|
|
// https://github.com/woocommerce/woocommerce-gutenberg-products-block/issues/1203
|
|
&:not(.toggle) {
|
|
background-color: transparent;
|
|
}
|
|
}
|
|
|
|
.wc-block-pagination-ellipsis {
|
|
padding: 0.3em;
|
|
|
|
@include breakpoint( "<782px" ) {
|
|
padding: 0.1em;
|
|
}
|
|
}
|
|
|
|
.wc-block-pagination-page--active[disabled] {
|
|
color: #333;
|
|
font-weight: bold;
|
|
opacity: 1 !important;
|
|
|
|
&:hover,
|
|
&:focus {
|
|
background-color: inherit;
|
|
color: #333;
|
|
opacity: 1 !important;
|
|
}
|
|
}
|