55 lines
1.1 KiB
SCSS
Executable File
55 lines
1.1 KiB
SCSS
Executable File
/**
|
|
* Pagination Module
|
|
* namespace : .pagination
|
|
*/
|
|
|
|
/* ----------------------------------------------------------- */
|
|
/* == configuration */
|
|
/* ----------------------------------------------------------- */
|
|
|
|
|
|
$pagination-border-radius: .2rem;
|
|
$pagination-border: .1rem solid grey;
|
|
$pagination-hover-color: $color-secondary;
|
|
$pagination-current-bg: $color-primary;
|
|
$pagination-current-color: #fff;
|
|
|
|
|
|
/* ----------------------------------------------------------- */
|
|
/* == module */
|
|
/* ----------------------------------------------------------- */
|
|
|
|
.pagination {
|
|
display: inline-block;
|
|
margin: 2rem 0;
|
|
border-radius: .4rem;
|
|
}
|
|
|
|
.pagination,
|
|
.pagination li {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.pagination li {
|
|
display: inline-block;
|
|
margin: 0 .3rem 1em;
|
|
list-style-type: none;
|
|
}
|
|
|
|
.pagination li a,
|
|
.pagination li > span {
|
|
padding: .3em .6em;
|
|
border: $pagination-border;
|
|
border-radius: $pagination-border-radius;
|
|
}
|
|
|
|
.pagination li a:hover {
|
|
color: $pagination-hover-color;
|
|
}
|
|
|
|
.pagination li.current a {
|
|
background-color: $pagination-current-bg;
|
|
color: $pagination-current-color;
|
|
}
|