1// Based on https://www.codeply.com/go/f3uTwmsCVZ
2// Primary
3.btn-primary {
4	@include button-variant($child-btn-primary, darken($child-btn-primary, 7.5%), darken($child-btn-primary, 10%), lighten($child-btn-primary,5%), lighten($child-btn-primary, 10%), darken($child-btn-primary,30%));
5}
6
7.btn-outline-primary {
8	@include button-outline-variant($child-btn-primary, #222222, lighten($child-btn-primary,5%), $child-btn-primary);
9}
10
11// Secondary
12.btn-secondary {
13	@include button-variant($child-btn-secondary, darken($child-btn-secondary, 7.5%), darken($child-btn-secondary, 10%), lighten($child-btn-secondary,5%), lighten($child-btn-secondary, 10%), darken($child-btn-secondary,30%));
14}
15
16.btn-outline-secondary {
17	@include button-outline-variant($child-btn-secondary, #222222, lighten($child-btn-secondary,5%), $child-btn-secondary);
18}
19
20// Success
21.btn-success {
22	@include button-variant($child-btn-success, darken($child-btn-success, 7.5%), darken($child-btn-success, 10%), lighten($child-btn-success,5%), lighten($child-btn-success, 10%), darken($child-btn-success,30%));
23}
24
25.btn-outline-success {
26	@include button-outline-variant($child-btn-success, #222222, lighten($child-btn-success,5%), $child-btn-success);
27}
28
29// Info
30.btn-info {
31	@include button-variant($child-btn-info, darken($child-btn-info, 7.5%), darken($child-btn-info, 10%), lighten($child-btn-info,5%), lighten($child-btn-info, 10%), darken($child-btn-info,30%));
32}
33
34.btn-outline-info {
35	@include button-outline-variant($child-btn-info, #222222, lighten($child-btn-info,5%), $child-btn-info);
36}
37
38// Warning
39.btn-warning {
40	@include button-variant($child-btn-warning, darken($child-btn-warning, 7.5%), darken($child-btn-warning, 10%), lighten($child-btn-warning,5%), lighten($child-btn-warning, 10%), darken($child-btn-warning,30%));
41}
42
43.btn-outline-warning {
44	@include button-outline-variant($child-btn-warning, #222222, lighten($child-btn-warning,5%), $child-btn-warning);
45}
46
47// Danger
48.btn-danger {
49	@include button-variant($child-btn-danger, darken($child-btn-danger, 7.5%), darken($child-btn-danger, 10%), lighten($child-btn-danger,5%), lighten($child-btn-danger, 10%), darken($child-btn-danger,30%));
50}
51
52.btn-outline-danger {
53	@include button-outline-variant($child-btn-danger, #222222, lighten($child-btn-danger,5%), $child-btn-danger);
54}
55
56// Light
57.btn-light {
58	@include button-variant($child-btn-light, darken($child-btn-light, 7.5%), darken($child-btn-light, 10%), lighten($child-btn-light,5%), lighten($child-btn-light, 10%), darken($child-btn-light,30%));
59}
60
61.btn-outline-light {
62	@include button-outline-variant($child-btn-light, #222222, lighten($child-btn-light,5%), $child-btn-light);
63}
64
65// Dark
66.btn-dark {
67	@include button-variant($child-btn-dark, darken($child-btn-dark, 7.5%), darken($child-btn-dark, 10%), lighten($child-btn-dark,5%), lighten($child-btn-dark, 10%), darken($child-btn-dark,30%));
68}
69
70.btn-outline-dark {
71	@include button-outline-variant($child-btn-dark, #222222, lighten($child-btn-dark,5%), $child-btn-dark);
72}