vue-pagination-component
Version:
My lovely Vue component.
37 lines (35 loc) • 914 B
CSS
.page-wrap {
font-family: 'Avenir', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
font-size: 18px;
margin-top: 180px; }
.page-wrap ul {
display: inline-block;
list-style: none;
overflow: hidden; }
.page-wrap ul li {
float: left;
color: #1e5a6b;
padding: 1px 10px;
margin: 0 5px;
border-radius: 50%;
user-select: none;
border: 1px solid transparent; }
.page-wrap ul li:hover {
color: #7ba6b3; }
.page-wrap .pointer {
cursor: pointer; }
.page-wrap .hover:hover {
border-color: #7ba6b3; }
.page-wrap .li-page {
line-height: 1.5;
cursor: pointer;
color: #1e5a6b; }
.page-wrap .li-page:hover {
color: #7ba6b3; }
.page-wrap .active {
border-color: #246c81; }
.page-wrap .active:hover {
color: #1e5a6b; }