forked from a64f7bb4-7358-4778-9fbe-3b882c34cc1d/v1
52 lines
987 B
SCSS
52 lines
987 B
SCSS
.pager__link {
|
|
color: var(--gin-color-text);
|
|
background-color: transparent;
|
|
}
|
|
|
|
.pager__link.is-active,
|
|
.pager__item--current {
|
|
color: var(--gin-bg-app);
|
|
}
|
|
|
|
.pager__link:hover,
|
|
.pager__link.is-active:hover {
|
|
color: var(--gin-color-button-text);
|
|
background: var(--gin-color-primary-hover);
|
|
}
|
|
|
|
.pager__item--first .pager__link::before {
|
|
mask-image: icon('first');
|
|
}
|
|
|
|
.pager__item--previous .pager__link::before {
|
|
mask-image: icon('prev');
|
|
}
|
|
|
|
.pager__item--next .pager__link::after {
|
|
mask-image: icon('next');
|
|
}
|
|
|
|
.pager__item--last .pager__link::after {
|
|
mask-image: icon('last');
|
|
}
|
|
|
|
.pager__item--first .pager__link,
|
|
.pager__item--previous .pager__link,
|
|
.pager__item--next .pager__link,
|
|
.pager__item--last .pager__link {
|
|
&::before,
|
|
&::after {
|
|
background: var(--gin-color-text-light);
|
|
}
|
|
|
|
&:hover::before,
|
|
&:hover::after {
|
|
background: var(--gin-bg-app);
|
|
}
|
|
}
|
|
|
|
.pager__link.is-active,
|
|
.pager__item--current {
|
|
background-color: var(--gin-color-primary);
|
|
}
|