2019-02-06 10:24:29 +00:00
|
|
|
@import "variables";
|
2018-05-14 10:54:17 +00:00
|
|
|
|
2017-02-21 10:36:43 +00:00
|
|
|
vn-paging {
|
|
|
|
display: block;
|
|
|
|
text-align: center;
|
|
|
|
|
|
|
|
ul {
|
2019-02-08 16:49:51 +00:00
|
|
|
box-shadow: 0 0 .4em $color-shadow;
|
2017-02-21 10:36:43 +00:00
|
|
|
background-color: #fff;
|
|
|
|
display: inline-block;
|
|
|
|
margin: 20px 0;
|
|
|
|
border-radius: .1em;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
li {
|
|
|
|
display: inline;
|
|
|
|
|
|
|
|
&:first-child > a,
|
|
|
|
&:first-child > span {
|
|
|
|
margin-left: 0;
|
|
|
|
}
|
|
|
|
&.active > a {
|
2019-02-08 16:49:51 +00:00
|
|
|
background: $color-active;
|
2017-02-21 10:36:43 +00:00
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
& > a,
|
|
|
|
& > span {
|
|
|
|
position: relative;
|
|
|
|
float: left;
|
|
|
|
padding: 6px 12px;
|
|
|
|
margin-left: -1px;
|
|
|
|
line-height: 1.42857143;
|
|
|
|
color: inherit;
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
&:not(.active) > a:hover {
|
|
|
|
background-color: #ddd;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|