////////////////////////////////////////////////////////////////
// material theme
//

@import "../misc/constants";
@import "../misc/mixins";

////////////////////////////////////////////////////////////////
// set variables
//

// Primary, accent, grey colors
$mdl-primary: $mdl-indigo !default;
$mdl-accent: $mdl-pink !default;
$mdl-grey: $grey-200 !default;

// Lighten/Darken color functions
$mdl-primary-dark: safedarken($mdl-primary, 15%) !default;
$mdl-primary-light: safelighten($mdl-primary, 15%) !default;
$mdl-accent-light: safelighten($mdl-accent, 15%) !default;

// Text colors
$mdl-text-dark: $grey-900 !default;
$mdl-text-light: #fff !default;

// set wijmo variables
$wj-hdr-txt: #000 !default;
$wj-sel-bkg: $mdl-primary !default;
$wj-msel-bkg: $mdl-primary-light !default;
$wj-accent-bkg: $mdl-accent !default;
$wj-item-pdg: 6px 10px !default;
$wj-bdr-rad: 0 !default;
$wj-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !default;
$wj-btn-grp-bdr: none !default;

////////////////////////////////////////////////////////////////
// apply variables
//
@import "../wijmo.scss";

// Theme settings
.wj-control {
    * {
        font-size: 16px;
    }

    &.wj-content {
        &.wj-dropdown,
        &.wj-inputnumber,
        &.wj-inputmask {
            border-top: none;
            border-left: none;
            border-right: none;
        }
    }

    &.wj-gauge.wj-state-focused circle.wj-pointer {
        fill: $mdl-accent;
        transition: fill .2s; /* delay used in MDL */
    }

    a {
        font-size: 13px;
    }

    a.wj-btn,
    button.wj-btn:not(.wj-btn-default) { // not for buttons in input controls
        font-weight: 500;
        font-size: 13px;
        text-transform: uppercase;
    }
}

