mirror of
https://github.com/koodiklinikka/koodiklinikka.fi.git
synced 2026-01-26 11:23:58 +00:00
40 lines
729 B
SCSS
40 lines
729 B
SCSS
.input {
|
|
height: 45px;
|
|
padding: 0.5em 1em;
|
|
box-sizing: border-box;
|
|
font-size: inherit;
|
|
border: 1px solid rgba(0, 0, 0, 0.3);
|
|
border-radius: 5px;
|
|
background: #fff;
|
|
outline: 0;
|
|
color: rgba(0, 0, 0, 0.5);
|
|
&:focus {
|
|
border: 2px solid #3090de;
|
|
color: rgba(0, 0, 0, 0.6);
|
|
}
|
|
}
|
|
.input::-webkit-input-placeholder {
|
|
color: rgba(0, 0, 0, 0.3);
|
|
}
|
|
.input:-moz-placeholder {
|
|
color: rgba(0, 0, 0, 0.3);
|
|
opacity: 1;
|
|
}
|
|
.input::-moz-placeholder {
|
|
color: rgba(0, 0, 0, 0.3);
|
|
opacity: 1;
|
|
}
|
|
.input:-ms-input-placeholder {
|
|
color: rgba(0, 0, 0, 0.3);
|
|
}
|
|
.input.has-error {
|
|
border-color: rgba(226, 33, 112, 0.6);
|
|
color: rgb(226, 33, 112);
|
|
}
|
|
.input.half {
|
|
width: 48%;
|
|
&.left {
|
|
margin-right: 4%;
|
|
}
|
|
}
|