1// Animations
2@-webkit-keyframes progress-bar-stripes {
3  from {
4    background-position: 1rem 0;
5  }
6
7  to {
8    background-position: 0 0;
9  }
10}
11
12@keyframes progress-bar-stripes {
13  from {
14    background-position: 1rem 0;
15  }
16
17  to {
18    background-position: 0 0;
19  }
20}
21
22// Primary
23@primary-btn-text-color: #fff;
24@primary-btn-bg-color: #007bff;
25@primary-btn-border-color: #007bff;
26@primary-btn-hover-text-color: #fff;
27@primary-btn-hover-bg-color: #0069d9;
28@primary-btn-hover-border-color: #0062cc;
29@primary-alert-text-color: #004085;
30@primary-alert-bg-color: #cce5ff;
31@primary-alert-border-color: #b8daff;
32
33// Primary Outline
34@outline-primary-btn-text-color: #007bff;
35@outline-primary-btn-bg-color: transparent;
36@outline-primary-btn-border-color: #007bff;
37@outline-primary-btn-hover-text-color: #fff;
38@outline-primary-btn-hover-bg-color: #007bff;
39@outline-primary-btn-hover-border-color: #007bff;
40
41// Secondary
42@secondary-btn-text-color: #fff;
43@secondary-btn-bg-color: #6c757d;
44@secondary-btn-border-color: #6c757d;
45@secondary-btn-hover-text-color: #fff;
46@secondary-btn-hover-bg-color: #5a6268;
47@secondary-btn-hover-border-color: #545b62;
48@secondary-alert-text-color: #383d41;
49@secondary-alert-bg-color: #e2e3e5;
50@secondary-alert-border-color: #d6d8db;
51
52// Secondary Outline
53@outline-secondary-btn-text-color: #6c757d;
54@outline-secondary-btn-bg-color: transparent;
55@outline-secondary-btn-border-color: #6c757d;
56@outline-secondary-btn-hover-text-color: #fff;
57@outline-secondary-btn-hover-bg-color: #6c757d;
58@outline-secondary-btn-hover-border-color: #6c757d;
59
60// Success
61@success-btn-text-color: #fff;
62@success-btn-bg-color: #28a745;
63@success-btn-border-color: #28a745;
64@success-btn-hover-text-color: #fff;
65@success-btn-hover-bg-color: #218838;
66@success-btn-hover-border-color: #1e7e34;
67@success-alert-text-color: #155724;
68@success-alert-bg-color: #d4edda;
69@success-alert-border-color: #c3e6cb;
70
71// Success Outline
72@outline-success-btn-text-color: #28a745;
73@outline-success-btn-bg-color: transparent;
74@outline-success-btn-border-color: #28a745;
75@outline-success-btn-hover-text-color: #fff;
76@outline-success-btn-hover-bg-color: #28a745;
77@outline-success-btn-hover-border-color: #28a745;
78
79// Danger
80@danger-btn-text-color: #fff;
81@danger-btn-bg-color: #dc3545;
82@danger-btn-border-color: #dc3545;
83@danger-btn-hover-text-color: #fff;
84@danger-btn-hover-bg-color: #c82333;
85@danger-btn-hover-border-color: #bd2130;
86@danger-alert-text-color: #721c24;
87@danger-alert-bg-color: #f8d7da;
88@danger-alert-border-color: #f5c6cb;
89
90// Danger Outline
91@outline-danger-btn-text-color: #dc3545;
92@outline-danger-btn-bg-color: transparent;
93@outline-danger-btn-border-color: #dc3545;
94@outline-danger-btn-hover-text-color: #fff;
95@outline-danger-btn-hover-bg-color: #dc3545;
96@outline-danger-btn-hover-border-color: #dc3545;
97
98// Warning
99@warning-btn-text-color: #fff;
100@warning-btn-bg-color: #ffc107;
101@warning-btn-border-color: #ffc107;
102@warning-btn-hover-text-color: #fff;
103@warning-btn-hover-bg-color: #e0a800;
104@warning-btn-hover-border-color: #d39e00;
105@warning-alert-text-color: #856404;
106@warning-alert-bg-color: #fff3cd;
107@warning-alert-border-color: #ffeeba;
108
109// Warning Outline
110@outline-warning-btn-text-color: #ffc107;
111@outline-warning-btn-bg-color: transparent;
112@outline-warning-btn-border-color: #ffc107;
113@outline-warning-btn-hover-text-color: #fff;
114@outline-warning-btn-hover-bg-color: #ffc107;
115@outline-warning-btn-hover-border-color: #ffc107;
116
117// Info
118@info-btn-text-color: #fff;
119@info-btn-bg-color: #17a2b8;
120@info-btn-border-color: #17a2b8;
121@info-btn-hover-text-color: #fff;
122@info-btn-hover-bg-color: #138496;
123@info-btn-hover-border-color: #117a8b;
124@info-alert-text-color: #0c5460;
125@info-alert-bg-color: #d1ecf1;
126@info-alert-border-color: #bee5eb;
127
128// Info Outline
129@outline-info-btn-text-color: #17a2b8;
130@outline-info-btn-bg-color: transparent;
131@outline-info-btn-border-color: #17a2b8;
132@outline-info-btn-hover-text-color: #fff;
133@outline-info-btn-hover-bg-color: #17a2b8;
134@outline-info-btn-hover-border-color: #17a2b8;
135
136// Light
137@light-btn-text-color: #212529;
138@light-btn-bg-color: #f8f9fa;
139@light-btn-border-color: #f8f9fa;
140@light-btn-hover-text-color: #212529;
141@light-btn-hover-bg-color: #e2e6ea;
142@light-btn-hover-border-color: #dae0e5;
143@light-alert-text-color: #818182;
144@light-alert-bg-color: #fefefe;
145@light-alert-border-color: #fdfdfe;
146
147// Light Outline
148@outline-light-btn-text-color: #f8f9fa;
149@outline-light-btn-bg-color: transparent;
150@outline-light-btn-border-color: #f8f9fa;
151@outline-light-btn-hover-text-color: #212529;
152@outline-light-btn-hover-bg-color: #f8f9fa;
153@outline-light-btn-hover-border-color: #f8f9fa;
154
155// Dark
156@dark-btn-text-color: #fff;
157@dark-btn-bg-color: #343a40;
158@dark-btn-border-color: #343a40;
159@dark-btn-hover-text-color: #fff;
160@dark-btn-hover-bg-color: #23272b;
161@dark-btn-hover-border-color: #1d2124;
162@dark-alert-text-color: #1b1e21;
163@dark-alert-bg-color: #d6d8d9;
164@dark-alert-border-color: #c6c8ca;
165
166// Dark Outline
167@outline-dark-btn-text-color: #343a40;
168@outline-dark-btn-bg-color: transparent;
169@outline-dark-btn-border-color: #343a40;
170@outline-dark-btn-hover-text-color: #fff;
171@outline-dark-btn-hover-bg-color: #343a40;
172@outline-dark-btn-hover-border-color: #343a40;
173
174// Link
175@link-btn-text-color: #007bff;
176@link-btn-bg-color: transparent;
177@link-btn-border-color: transparent;
178@link-btn-hover-text-color: #0056b3;
179@link-btn-hover-bg-color: transparent;
180@link-btn-hover-border-color: transparent;
181