Input.scss 361 Bytes
Newer Older
1 2
@import 'src/styles/common';

Andrey Azov's avatar
Andrey Azov committed
3
.input {
Andrey Azov's avatar
Andrey Azov committed
4 5 6
  display: inline-block;
  width: 100%;

Andrey Azov's avatar
Andrey Azov committed
7 8 9 10
  &:focus,
  &:active {
    outline: none;
  }
Andrey Azov's avatar
Andrey Azov committed
11 12 13 14 15

  &::placeholder {
    color: $black;
    font-weight: $light;
  }
Andrey Azov's avatar
Andrey Azov committed
16
}
17 18

.shadedInput {
Andrey Azov's avatar
Andrey Azov committed
19
  box-shadow: inset 2px 2px 4px -2px $medium-dark-grey, inset -2px -2px 1px -2px $dark-grey;
20
  border: none;
Andrey Azov's avatar
Andrey Azov committed
21 22
  padding: 4px 15px;
  height: 30px;
23
}