src/scss/components/_buttons.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

@use "../abstracts/functions" as fun;

.btn {
  background: fun.get-var(color-bg);
  border: 0;
  color: fun.get-var(color-primary);
  cursor: pointer;
  display: block;
  font-weight: 600;

  &:hover,
  &:focus {
    background: fun.get-var(color-primary);
    color: fun.get-var(color-fg-inverted);
  }

  &:active {
    background: fun.get-var(color-bg);
    color: fun.get-var(color-primary);
  }
}