wix-style-react
Version:
wix-style-react
77 lines (64 loc) • 1.49 kB
CSS
:import {
-st-from: './PaginationCore.st.css';
-st-default: Pagination;
}
:vars {
materialBlueGray100: #CFD8DC;
materialBlueGray200: #B0BEC5;
materialBlueGray700: #455A64;
materialRed500: #f44336;
}
.button-common-mixin {
align-items: center;
justify-content: center;
margin: 5px;
padding: 5px;
min-width: 20px;
min-height: 20px;
font: 12px/1 Arial, sans-serif;
text-decoration: none;
}
.root {
-st-extends: Pagination;
color: value(materialBlueGray700);
background-color: #ECEFF1;
}
.root::navButton {
-st-mixin: button-common-mixin;
background-color: value(materialBlueGray100);
}
.root::navButton.disabled {
color: value(materialBlueGray200);
background-color: transparent;
}
.root::pageStripInner {
justify-content: center;
}
.root::pageButton {
-st-mixin: button-common-mixin;
background-color: value(materialBlueGray200);
}
.root::currentPage {
-st-mixin: button-common-mixin;
background-color: value(materialBlueGray700);
color: value(materialBlueGray100);
}
.root::gap {
-st-mixin: button-common-mixin;
background-color: value(materialBlueGray100);
}
.root::pageForm {
margin: 5px;
align-items: center;
}
.root::pageInput {
box-sizing: border-box;
height: 30px;
text-align: center;
font: 12px/1 Arial, sans-serif;
color: inherit;
}
.root:error::pageInput {
border-color: value(materialRed500);
}
/* st-namespace-reference="../../../../src/Pagination/PaginationCore/PaginationCoreTest.st.css" */