web/pw-server/src/styles/buttons.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

@use "./variables";

$btn-text-color: variables.$blue-primary;
$btn-border-color: variables.$light-grey;

.btn {
  color: $btn-text-color;
  font-size: 14px;
  text-decoration: none;
  padding: 6px 16px;
  border: 1px solid $btn-border-color;
  border-radius: 5px;
}

.btn.btn-disabled {
  color: $btn-border-color;
}

.btn-group {
  display: flex;
}

.btn-group .btn:not(:last-child) {
  border-right: none;
}

.btn-group .btn:first-child {
  border-radius: 5px 0 0 5px;
}

.btn-group .btn:last-child {
  border-radius: 0 5px 5px 0;
}