Even more interesting paginator
This commit is contained in:
@ -421,6 +421,7 @@
|
|||||||
|
|
||||||
#paginator-counter {
|
#paginator-counter {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
transition: var(--transition);
|
||||||
box-shadow: var(--edge-highlight);
|
box-shadow: var(--edge-highlight);
|
||||||
border-radius: var(--rounded-corner-small);
|
border-radius: var(--rounded-corner-small);
|
||||||
background-color: var(--accent-color-alpha);
|
background-color: var(--accent-color-alpha);
|
||||||
@ -430,4 +431,14 @@
|
|||||||
line-height: 1;
|
line-height: 1;
|
||||||
font-variant-numeric: tabular-nums;
|
font-variant-numeric: tabular-nums;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&:has(a#paginator-previous:active) #paginator-counter {
|
||||||
|
border-start-start-radius: 1rem;
|
||||||
|
border-end-start-radius: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:has(a#paginator-next:active) #paginator-counter {
|
||||||
|
border-start-end-radius: 1rem;
|
||||||
|
border-end-end-radius: 1rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user