src/components/atoms/buttons/button/button.module.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
34
35
36
37

@use "../../../../styles/abstracts/placeholders";

.btn {
  @extend %button;

  &--initial {
    border-radius: 0;
  }

  &--circle {
    @extend %circle-button;
  }

  &--rectangle {
    @extend %rectangle-button;
  }

  &--square {
    @extend %square-button;
  }

  &--neutral {
    background: inherit;
  }

  &--primary {
    @extend %primary-button;
  }

  &--secondary {
    @extend %secondary-button;
  }

  &--tertiary {
    @extend %tertiary-button;
  }
}