graycoreio/daffodil

View on GitHub
libs/design/paginator/src/paginator-theme.scss

Summary

Maintainability
Test Coverage
@use 'sass:map';
@use '../../scss/core';
@use '../../scss/theming';

@mixin daff-paginator-theme($theme) {
    $primary: map.get($theme, primary);
    $secondary: map.get($theme, secondary);
    $tertiary: map.get($theme, tertiary);
    $base: core.daff-map-deep-get($theme, 'core.base');
    $base-contrast: core.daff-map-deep-get($theme, 'core.base-contrast');
    $white: core.daff-map-deep-get($theme, 'core.white');
    $black: core.daff-map-deep-get($theme, 'core.black');
    $neutral: core.daff-map-deep-get($theme, 'core.neutral');
    $font-color: core.daff-map-deep-get($theme, 'core.font-color');

    .daff-paginator {
        &__previous,
        &__next {
            color: $font-color;
        }

        &__page-link {
            color: $font-color;

            // stylelint-disable selector-class-pattern
            &:hover,
            &.selected {
                color: daff-text-contrast(theming.daff-illuminate($base, $neutral, 2));

                &::after {
                    background: theming.daff-illuminate($base, $neutral, 2);
                }
            }
        }
    }
}