spee.ch/client/scss/_input.scss
2018-06-08 08:50:25 -07:00

79 lines
1.2 KiB
SCSS

input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
input, select, textarea {
margin: 0;
outline: none;
padding: $thin-padding;
border: 0;
background-color: $background-color;
display: inline-block;
.full-width {
width: 100%;
}
}
option {
font-family: monospace;
}
.input-checkbox {
border: 1px solid black;
background: white;
}
.input-file {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.input-radio {
cursor: pointer;
}
.select--arrow {
-moz-appearance:none;
-webkit-appearance: none;
background: url('icon/downArrow.svg') no-repeat right;
cursor: pointer;
padding-right: 1.5em;
}
.input-area--primary {
border-bottom: 1px solid #9b9b9b;
}
.input-text--primary:focus, .select--primary:focus {
border-bottom: 1px solid $secondary-color;
}
.textarea--primary {
border-bottom: 1px solid $secondary-color;
}
.input-area--primary:focus {
border-bottom: 1px solid $primary-color;
}
.url-text--primary, .url-text--secondary {
margin: 0;
padding: 0;
}
.url-text--primary {
color: $primary-color;
}
.url-text--secondary {
color: $secondary-color;
}
.slider {
width: 100%
}