96 lines
1.4 KiB
SCSS
96 lines
1.4 KiB
SCSS
button,
|
|
input,
|
|
optgroup,
|
|
select,
|
|
textarea {
|
|
color: inherit;
|
|
font: inherit;
|
|
margin: 0;
|
|
max-width: 100%;
|
|
}
|
|
|
|
input {
|
|
text-align: left;
|
|
outline: 0;
|
|
}
|
|
|
|
|
|
|
|
label {
|
|
text-align: left;
|
|
font-weight: 700;
|
|
}
|
|
|
|
select {
|
|
text-align: left;
|
|
border: 4px solid $grey;
|
|
padding: 0.5em;
|
|
outline: 0;
|
|
}
|
|
|
|
input[type=text],
|
|
input[type=email],
|
|
input[type=number],
|
|
input[type=password],
|
|
select[multiple=multiple],
|
|
textarea {
|
|
display: block;
|
|
text-align: left;
|
|
color: $primary-color;
|
|
border: 4px solid $grey;
|
|
padding: 0.5rem;
|
|
outline: 0;
|
|
}
|
|
|
|
input[type=submit],
|
|
.action-button {
|
|
font-weight: 900;
|
|
padding: 0.5em 1em;
|
|
border: none;
|
|
background-color: $blue;
|
|
color: white;
|
|
cursor: pointer;
|
|
text-decoration: none;
|
|
border-radius: 3.75rem;
|
|
}
|
|
|
|
input:focus,
|
|
textarea:focus {
|
|
border-color: $blue;
|
|
}
|
|
|
|
select[multiple=multiple] {
|
|
height: 125px;
|
|
}
|
|
|
|
input[type=number] {
|
|
max-width: 6.25rem;
|
|
padding: 0 1rem;
|
|
// height: 3.32em;
|
|
}
|
|
|
|
input[type=checkbox] {
|
|
width: 1em;
|
|
vertical-align: text-top;
|
|
}
|
|
|
|
textarea {
|
|
width: 100%;
|
|
height: 6.25rem;
|
|
line-height: 1.45;
|
|
}
|
|
|
|
::-webkit-input-placeholder {
|
|
font-style: oblique;
|
|
}
|
|
::-moz-input-placeholder {
|
|
font-style: oblique;
|
|
}
|
|
::-ms-input-placeholder {
|
|
font-style: oblique;
|
|
}
|
|
|
|
.action-button {
|
|
border-radius: 3.75rem;
|
|
}
|