mdb-ui-kit/less/_welljumbo.less
FezVrasta dbe4705ef8 Big improvement on input highlight effect.
Now inputs doesn't need form-input-wrapper and neither the material-input span to make the animation.
2015-01-26 18:05:46 +01:00

71 lines
1.3 KiB
Plaintext

body, .container, .container-fluid {
.well, .well:not([class^="well well-material-"]) {
&, .form-control {
color: @lightbg-text;
}
.floating-label {
color: #7e7e7e;
}
.form-control {
&::-webkit-input-placeholder {
color: #7e7e7e;
}
&::-moz-placeholder {
color: #7e7e7e;
opacity: 1;
}
&:-ms-input-placeholder {
color: #7e7e7e;
}
}
.option, .create {
color: @lightbg-text;
}
}
.well.well-sm {
padding: 10px;
}
.well.well-lg {
padding: 26px;
}
[class^="well well-material-"] {
&, .form-control, .floating-label {
color: @darkbg-text;
}
.form-control {
border-bottom-color: @darkbg-text;
&::-webkit-input-placeholder {
color: @darkbg-text;
}
&::-moz-placeholder {
color: @darkbg-text;
opacity: 1;
}
&:-ms-input-placeholder {
color: @darkbg-text;
}
}
// Rule to fix selectize plugin
.option, .create {
color: @lightbg-text;
}
}
.well, .jumbotron {
background-color: #fff;
padding: 19px;
margin-bottom: 20px;
.shadow-z-2();
border-radius: 2px;
border: 0;
p {
font-weight: 300;
}
.variations(~"", background-color, #FFF);
}
}