woocommerce/plugins/woocommerce-blocks/assets/js/base/components/pagination/style.scss

45 lines
712 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 {
background-color: transparent;
border-color: transparent;
padding: 0.3em 0.6em;
min-width: 2.2em;
@include breakpoint( "<782px" ) {
padding: 0.1em 0.2em;
min-width: 1.6em;
}
}
.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;
}
}