28 行
1.0 KiB
SCSS
28 行
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%, $suwa04 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 { display: flex; margin: auto; padding: 8px; }
|