salix/front/core/styles/mdl-override.scss

49 lines
1.3 KiB
SCSS

@import "variables";
/**
* Rewrited CSS rules from Material Design Lite.
* FIXME: don't use !important
*/
body {
line-height: initial;
font-size: 12pt;
}
.mdl-button {
font-weight: bolder;
color: $color-main;
}
.mdl-button--colored {
color: white !important;
}
.mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
color: $color-main !important;
}
.mdl-checkbox.is-checked .mdl-checkbox__box-outline {
border: 2px solid $color-main;
}
fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline, .mdl-checkbox.is-disabled .mdl-checkbox__box-outline {
border: 2px solid rgba(0,0,0,.26);
}
.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
background: $color-main;
}
.mdl-textfield__label::after{
background-color: $color-main !important;
}
.mdl-button--colored,
.mdl-button--colored:focus,
.mdl-button--colored:active {
background-color: $color-main !important;
}
.mdl-button--colored:hover,
.mdl-button--raised:hover {
background-color: $color-main !important;
}
.mdl-button--fab{
color: white !important;
background-color: $color-main !important;
}