graycoreio/daffodil

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

Summary

Maintainability
Test Coverage
@use '../../scss/core';

@mixin daff-sidebar-theme($theme) {
    $base: core.daff-map-deep-get($theme, 'core.base');
    $base-contrast: core.daff-map-deep-get($theme, 'core.base-contrast');
    $font-color: core.daff-map-deep-get($theme, 'core.font-color');

    .daff-sidebar {
        background: $base;
        color: $font-color;
    }

    .daff-sidebar-viewport {
        background: $base;
        color: $base-contrast;

        &__content {
            background: $base;
            color: $base-contrast;
        }
    }
}