.input {
width: 250px; @media (max-width: $screen-sm) { width: initial; } color: #3c4257; border-radius: 4px; border: 0; appearance: none; box-shadow: 0 0 0 1px rgba(60, 66, 87, .16), 0 1px 1px 0 rgba(0, 0, 0, .12); font-size: 14px; padding: 6px 7px 7px; outline: 0; background-color: #fff; &:focus { @include focus-outline; } &:disabled { cursor: not-allowed; opacity: .5; } &.input-danger { box-shadow: 0 0 0 1px #e03953; }
}
.search-input {
display: inline-block; background-color: #fff; border-radius: 4px; box-shadow: 0 0 0 1px rgba(60, 66, 87, .16), 0 1px 1px 0 rgba(0, 0, 0, .12); i:before { color: #8892b3; margin-left: 10px; font-size: 12px; } .input { width: 174px; border: 0; box-shadow: none; &::placeholder { color: #a9aebf; } }
}