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