Button.scss 506 Bytes
Newer Older
Andrey Azov's avatar
Andrey Azov committed
1 2 3
@import 'src/styles/common';

.primaryButton {
4
  border: 1px solid $green;
5 6
  background-color: $green;
  color: $white;
Andrey Azov's avatar
Andrey Azov committed
7 8 9 10 11
  font-weight: $bold;
}

.primaryButtonDisabled {
  background-color: transparent;
12 13
  color: $grey;
  border: 1px solid $grey;
Andrey Azov's avatar
Andrey Azov committed
14 15 16 17
  cursor: default;
}

.secondaryButton {
18
  border: 1px solid $blue;
19 20
  background-color: $blue;
  color: $white;
Andrey Azov's avatar
Andrey Azov committed
21 22 23 24
  font-weight: $bold;
}

.button {
Jyothish's avatar
Jyothish committed
25
  padding: 7px 18px;
26
  border-radius: 4px;
27
  user-select: none;
Andrey Azov's avatar
Andrey Azov committed
28 29 30 31 32
  &:active,
  &:focus {
    outline: none;
  }
}