joywok-material-components
Version:
<h1 align="center"> Joywok Material Components </h1>
81 lines (80 loc) • 3.15 kB
CSS
.jw-pagination .jw-button {
display: inline-block;
}
.jw-pagination .jw-button button {
background: #fff;
}
.jw-pagination .jw-button button i {
vertical-align: middle;
}
.jw-pagination .jw-pagination-start {
border: 1px solid #e7e7e7;
display: inline-block;
width: 40px;
height: 40px;
min-width: 0;
padding: 0;
text-align: center;
}
.jw-pagination .jw-pagination-start i {
display: inline-block;
width: 7px;
height: 12px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAYCAYAAADKx8xXAAAAAXNSR0IArs4c6QAAAcVJREFUOBG1lM9LAkEUx92VBaUIiqKIgjKChIJAugQbK3SJDmGQh6AIOliXrpp68JDsCt06dQuCDtJJCJTMcNP+Bu/dKujo0tpu3yeM5K6uIjQwzo/3PvN9b/aNLtd/t1QqNYw+w3R4NnEaAYzU6/WCpmkviURilnx7grFYbBRAEb7r6DVBED56glAaN02zhL7GcVzO4/HsYE8jkKOfTi0ej08ahlEEtAz7vc/n249EIjrz7Qji1GmE9wRoCY53gUDgMBwO/zCIRluOlDygMkEI78br9R5YIQLbFJPJ5Hyj0aCc5mC7VhTlFLBJjtbWUgS0qOu6ShDP81eZTOakG0SHNEFAfiiVsaYPfCnL8hkZnZo7Go2u4PZKcJqC0gXCO3cCmK0VKtvod3RXq9X3YDD4gNx20bdFURyqVCqPvQ5wk4Oqqp+SJOUQcgjLLcBjgPNO8MCfow0kBSoA3PAzpgtUAKjPY1SSYVW3XU46nX5DtWwAqiHnIzyn22w220zpL2xTZMaBipzB9KygSDe8igjoWe1h75vsXRUZTA8Z8wLCpjeZBxwCrNlyZAAbUUlfcN7E+hXdj3qeYLa+Rqi0/Vn1BXVy+gXeXNEIguj0iAAAAABJRU5ErkJggg==);
background-size: cover;
}
.jw-pagination .jw-pagination-start[disabled] {
background: none;
}
.jw-pagination .jw-pagination-start[disabled] button {
opacity: 0.5;
}
.jw-pagination .jw-pagination-end {
display: inline-block;
border: 1px solid #e7e7e7;
width: 40px;
height: 40px;
min-width: 0;
padding: 0;
text-align: center;
}
.jw-pagination .jw-pagination-end i {
display: inline-block;
width: 7px;
height: 12px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAYCAYAAADKx8xXAAAAAXNSR0IArs4c6QAAAdxJREFUOBFjYKAE1NTUqP///5+RFDMYKysr7YGatgE1LePg4EhvaGj4R4wBTOzs7HeBGp8CccqPHz/mr1q1ipkYjWDnVVVVSf79+3cvUIMmIyPjSqDNMUCb/+AzgAkk2dbW9pyJickeqOkS0OZwoM2rZs6cyYpPI0qAAP0r/O/fv11ADUZAQ7ZISUmF5OXl/cRmANhGmER7e/tbTk5OZ6Cmk0CbfZ49e7apr6+PEyaPTKPYCJPo7OzkfffuHSikbYB4v4iIiG9paelXmDyIxqoRJNHd3c395s2bzUCmIxAfERIS8iovL/8MkgMBnBpBkiBnvnr1agPQ2W4g5wND2wMY2h8IagQpmDRpEjvQr2tAfgZyzwFD3w0UFiiBA1JILMCbSkBOff78+QagYV5AfAoY4q4tLS3vQYbj9CNy4AD9d1RQUNCTYOCQFR3AUBMAJrkdwMAwB9q0S0xMLKCoqOg7yHnIgAWZA9Qk9P37991AMSMg3gpMcsG4khzcj8B0Kgq0ZQ8Q6wFtWq+oqBienp7+G9lgZDY4OkDZCpi4D0I1gbJVGD5NIAMYgc6TATpvH5CtCrRpkZGRUVJYWNhfZNOxsZl+/vypDNQgDcRzgDYlEqMJbhA5hRVcM6kMADVpy2J3WTW4AAAAAElFTkSuQmCC);
background-size: cover;
}
.jw-pagination .jw-pagination-end[disabled] {
background: none;
}
.jw-pagination .jw-pagination-end[disabled] button {
opacity: 0.5;
}
.jw-pagination .jw-pagination-c {
display: inline-block;
}
.jw-pagination .jw-pagination-item {
display: inline-block;
border: 1px solid #e7e7e7;
width: 40px;
height: 40px;
min-width: 0;
padding: 0;
text-align: center;
color: #999999;
font-size: 14px;
margin-right: 6px;
margin-left: 0;
}
.jw-pagination .jw-pagination-item.active {
background: #404A53;
color: #fff;
}
.jw-pagination .jw-pagination-item:hover {
background: #404A53;
color: #fff;
}
.jw-pagination .jw-pagination-c .jw-button:first-child .jw-pagination-item {
margin-left: 6px;
}