@import './layout';

@include exports('example/theme') {

$example-background-color: saturate($base, 4%) !default;
$example-border-color: darken($base, 8%) !default;
$example-active-background-color: desaturate($background, 1%) !default;
$example-active-border-color: darken($base, 29%) !default;

.k-example {
    &.k-header {
        background-color: $example-background-color;
        border-color: $example-border-color;
    }

    > .k-state-active,
    .k-example-items .k-state-active {
        background-color: $example-active-background-color;
        border-color: $example-active-border-color;
    }
}
}