@import "variables";

/**
 * Rewrited CSS rules from Material Design Lite.
 * FIXME: don't use !important
 */
body {
    line-height: initial;
    font-size: 12pt;
}

// Textfield

.mdl-textfield--floating-label {
    &.is-focused, 
    &.is-dirty, 
    &.has-placeholder {
        .mdl-textfield__label {
            color: $color-main !important;
        }
    }
}
.mdl-textfield__label::after {
    background-color: $color-main !important;
}
fieldset[disabled] .mdl-textfield,
.mdl-textfield.is-disabled {
    .mdl-textfield__input {
        border: none !important;
        color: inherit !important;
    }
    .mdl-textfield__label {
        color: $color-main !important;
    }
}

// Button

.mdl-button {
    font-weight: bolder;
    color: $color-main;
}
.mdl-button--fab {
    color: $color-font-dark !important; 
    background-color: $color-main !important;
}
.mdl-button--colored {
    color: $color-font-dark !important;
}
.mdl-button--raised:hover {
    background-color: $color-main !important;
}
.mdl-button--colored {
    &,
    &:focus,
    &:active,
    &:hover {
        background-color: $color-main !important;
    }
}