49 行
1.0 KiB
SCSS
49 行
1.0 KiB
SCSS
.page-link {
|
|
background: linear-gradient(to bottom, $evil4 0%, $evil1 34%, $evil6 100%);
|
|
}
|
|
|
|
.page-link, .page-item .disabled {
|
|
text-align: center;
|
|
color: $white1;
|
|
padding: 8px 20px;
|
|
font-size: 28px;
|
|
border-bottom: solid 2px $suwa03;
|
|
cursor: pointer;
|
|
transition: background 0.3s, color 0.3s;
|
|
margin: auto;
|
|
}
|
|
|
|
.page-link > a {
|
|
color: $white1;
|
|
}
|
|
|
|
.page-link > a:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.page-link:hover {
|
|
color: $white1;
|
|
background: linear-gradient(to bottom, $evil3 0%, $evil0 34%, $evil2 100%);
|
|
}
|
|
|
|
.page-item.disabled > .page-link {
|
|
color: $white1;
|
|
background: linear-gradient(to bottom, $black3 0%, $grey4 34%, $grey5 100%);
|
|
border-color: $suwa04;
|
|
}
|
|
|
|
.page-item.active > .page-link {
|
|
color: $white1;
|
|
background: linear-gradient(to bottom, $suwa04 0%, $suwa01 34%, $suwa06 100%);
|
|
border-color: $suwa04;
|
|
}
|
|
|
|
.page-item.active > .page-link:hover {
|
|
color: $white1;
|
|
background: linear-gradient(to bottom, $suwa03 0%, $suwa00 34%, $suwa02 100%);
|
|
}
|
|
|
|
.pagination {
|
|
margin: auto;
|
|
padding: 8px;
|
|
} |