30 lines
496 B
SCSS
30 lines
496 B
SCSS
.pagination {
|
|
flex-wrap: wrap;
|
|
|
|
a {
|
|
color: var(--color-theme-primary);
|
|
|
|
&:not(:hover) {
|
|
text-decoration: none;
|
|
}
|
|
|
|
// Flip content if direction is backwards
|
|
&[data-direction='backwards'] {
|
|
flex-direction: row-reverse;
|
|
|
|
svg {
|
|
transform: rotate(-180deg);
|
|
}
|
|
}
|
|
|
|
// If only child and forwards, push out to the right
|
|
&[data-direction='forwards']:only-child {
|
|
margin-left: auto;
|
|
}
|
|
}
|
|
|
|
svg {
|
|
pointer-events: none;
|
|
}
|
|
}
|