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

62 lines
1.2 KiB
SCSS

@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;
}
}