1+ @use  ' sass:color' 
2+ 
13// normal
24$btn-color : $grey-dark-font  !default ;
35$btn-font-size : 14px   !default ;
@@ -47,13 +49,13 @@ $btn-primary-hover-color: $brand-primary-font !default;
4749$btn-primary-focus-color :  $brand-primary-font  !default ;
4850$btn-primary-active-color :  $brand-primary-font  !default ;
4951$btn-primary-bgcolor : $brand-primary  !default ;
50- $btn-primary-hover-bgcolor : darken ($brand-primary , 6%  ) !default ;
51- $btn-primary-active-bgcolor : darken ($brand-primary , 10%  ) !default ;
52- $btn-primary-border-color :  lighten ($brand-primary , 10%  ) !default ;
52+ $btn-primary-hover-bgcolor : color . adjust ($brand-primary , $lightness :   - 6% !default ;
53+ $btn-primary-active-bgcolor : color . adjust ($brand-primary , $lightness :   - 10% !default ;
54+ $btn-primary-border-color :  color . adjust ($brand-primary ,  $lightness :  10%  ) !default ;
5355$btn-primary-hover-border-color : $brand-primary  !default ;
54- $btn-primary-focus-border-color : darken ($brand-primary , 10%  ) !default ;
55- $btn-primary-active-border-color : darken ($brand-primary , 10%  ) !default ;
56- $btn-primary-focus-bgcolor : darken ($brand-primary , 10%  ) !default ;
56+ $btn-primary-focus-border-color : color . adjust ($brand-primary , $lightness :   - 10% !default ;
57+ $btn-primary-active-border-color : color . adjust ($brand-primary , $lightness :   - 10% !default ;
58+ $btn-primary-focus-bgcolor : color . adjust ($brand-primary , $lightness :   - 10% !default ;
5759$btn-primary-disabled-bgcolor : rgba ($brand-primary , .4 ) !default ;
5860$btn-primary-disabled-color : rgba ($brand-primary-font , .4 ) !default ;
5961$btn-primary-disabled-border-color : rgba ($brand-primary , .4 ) !default ;
@@ -76,7 +78,7 @@ $btn-outline-active-box-shadow: $btn-active-box-shadow !default;
7678$btn-outline-disabled-bgcolor : $btn-disabled-bgcolor  !default ;
7779$btn-outline-disabled-border-color : $btn-disabled-border-color  !default ;
7880$btn-outline-disabled-color : $btn-disabled-color  !default ;
79- $btn-outline-primary-color : lighten ($brand-primary , 15%  ) !default ;
81+ $btn-outline-primary-color : color . adjust ($brand-primary ,  $lightness :  15%  ) !default ;
8082$btn-outline-primary-focus-bgcolor : $btn-primary-focus-bgcolor  !default ;
8183$btn-outline-primary-focus-color : $btn-primary-focus-color  !default ;
8284
@@ -109,13 +111,13 @@ $btn-ripple-flat-danger-bgcolor: transparent !default;
109111// success
110112$btn-success-color : #fff  !default ;
111113$btn-success-bgcolor : $brand-success-dark  !default ;
112- $btn-success-hover-bgcolor : darken ($btn-success-bgcolor , 5%  ) !default ;
113- $btn-success-focus-bgcolor : darken ($btn-success-bgcolor , 10%  ) !default ;
114- $btn-success-active-bgcolor : darken ($btn-success-bgcolor , 15%  ) !default ;
115- $btn-success-border-color : darken ($btn-success-bgcolor , 10%  ) !default ;
116- $btn-success-hover-border-color : darken ($btn-success-bgcolor , 0%  ) !default ;
117- $btn-success-focus-border-color : darken ($btn-success-bgcolor , 10%  ) !default ;
118- $btn-success-active-border-color : darken ($btn-success-bgcolor , 10%  ) !default ;
114+ $btn-success-hover-bgcolor : color . adjust ($btn-success-bgcolor , $lightness :   - 5% !default ;
115+ $btn-success-focus-bgcolor : color . adjust ($btn-success-bgcolor , $lightness :   - 10% !default ;
116+ $btn-success-active-bgcolor : color . adjust ($btn-success-bgcolor , $lightness :   - 15% !default ;
117+ $btn-success-border-color : color . adjust ($btn-success-bgcolor , $lightness :   - 10% !default ;
118+ $btn-success-hover-border-color : color . adjust ($btn-success-bgcolor , $lightness :   - 0% !default ;
119+ $btn-success-focus-border-color : color . adjust ($btn-success-bgcolor , $lightness :   - 10% !default ;
120+ $btn-success-active-border-color : color . adjust ($btn-success-bgcolor , $lightness :   - 10% !default ;
119121$btn-success-disabled-bgcolor : rgba ($brand-success , .4 ) !default ;
120122$btn-success-disabled-color : rgba ($grey-dark-font , .4 ) !default ;
121123$btn-success-disabled-border-color : $btn-disabled-border-color  !default ;
@@ -128,15 +130,15 @@ $btn-success-active-color: $btn-success-color !default;
128130$btn-warning-bgcolor : $brand-warning-dark  !default ;
129131$btn-warning-color : $base-font  !default ;
130132$btn-warning-hover-color : $base-font  !default ;
131- $btn-warning-hover-bgcolor : darken ($btn-warning-bgcolor , 15%  ) !default ;
132- $btn-warning-focus-bgcolor : darken ($btn-warning-bgcolor , 10%  ) !default ;
133- $btn-warning-active-bgcolor : darken ($btn-warning-bgcolor , 15%  ) !default ;
134- $btn-warning-border-color : darken ($btn-warning-bgcolor , 10%  ) !default ;
135- $btn-warning-hover-border-color : darken ($btn-warning-bgcolor , 25%  ) !default ;
136- $btn-warning-focus-border-color : darken ($btn-warning-bgcolor , 35%  ) !default ;
133+ $btn-warning-hover-bgcolor : color . adjust ($btn-warning-bgcolor , $lightness :   - 15% !default ;
134+ $btn-warning-focus-bgcolor : color . adjust ($btn-warning-bgcolor , $lightness :   - 10% !default ;
135+ $btn-warning-active-bgcolor : color . adjust ($btn-warning-bgcolor , $lightness :   - 15% !default ;
136+ $btn-warning-border-color : color . adjust ($btn-warning-bgcolor , $lightness :   - 10% !default ;
137+ $btn-warning-hover-border-color : color . adjust ($btn-warning-bgcolor , $lightness :   - 25% !default ;
138+ $btn-warning-focus-border-color : color . adjust ($btn-warning-bgcolor , $lightness :   - 35% !default ;
137139$btn-warning-focus-color : $base-font  !default ;
138140$btn-warning-active-color : $base-font  !default ;
139- $btn-warning-active-border-color : darken ($btn-warning-bgcolor , 25%  ) !default ;
141+ $btn-warning-active-border-color : color . adjust ($btn-warning-bgcolor , $lightness :   - 25% !default ;
140142$btn-warning-disabled-bgcolor : rgba ($brand-warning , .4 ) !default ;
141143$btn-warning-disabled-color : rgba ($grey-dark-font , .4 ) !default ;
142144$btn-warning-disabled-border-color : $btn-disabled-border-color  !default ;
@@ -145,14 +147,14 @@ $btn-ripple-warning-bgcolor: transparent !default;
145147// danger
146148$btn-danger-color : #fff  !default ;
147149$btn-danger-bgcolor : $brand-danger-dark  !default ;
148- $btn-danger-hover-bgcolor : darken ($brand-danger-dark , 5%  ) !default ;
149- $btn-danger-focus-bgcolor : darken ($brand-danger-dark , 10%  ) !default ;
150- $btn-danger-active-bgcolor : darken ($brand-danger-dark , 15%  ) !default ;
150+ $btn-danger-hover-bgcolor : color . adjust ($brand-danger-dark , $lightness :   - 5% !default ;
151+ $btn-danger-focus-bgcolor : color . adjust ($brand-danger-dark , $lightness :   - 10% !default ;
152+ $btn-danger-active-bgcolor : color . adjust ($brand-danger-dark , $lightness :   - 15% !default ;
151153$btn-danger-active-color : $btn-danger-color  !default ;
152- $btn-danger-border-color : darken ($btn-danger-bgcolor , 10%  ) !default ;
154+ $btn-danger-border-color : color . adjust ($btn-danger-bgcolor , $lightness :   - 10% !default ;
153155$btn-danger-hover-border-color : $btn-danger-bgcolor  !default ;
154- $btn-danger-focus-border-color : darken ($btn-danger-bgcolor , 10%  ) !default ;
155- $btn-danger-active-border-color : darken ($btn-danger-bgcolor , 10%  ) !default ;
156+ $btn-danger-focus-border-color : color . adjust ($btn-danger-bgcolor , $lightness :   - 10% !default ;
157+ $btn-danger-active-border-color : color . adjust ($btn-danger-bgcolor , $lightness :   - 10% !default ;
156158$btn-danger-disabled-bgcolor : rgba ($brand-danger , .4 ) !default ;
157159$btn-danger-disabled-color : rgba ($grey-dark-font , .4 ) !default ;
158160$btn-danger-disabled-border-color : $btn-disabled-border-color  !default ;
@@ -162,13 +164,13 @@ $btn-ripple-danger-bgcolor: transparent !default;
162164// info
163165$btn-info-bgcolor : $brand-info-dark  !default ;
164166$btn-info-color : $grey-light-font  !default ;
165- $btn-info-hover-bgcolor : darken ($brand-info-dark , 5%  ) !default ;
166- $btn-info-focus-bgcolor : darken ($btn-info-bgcolor , 10%  ) !default ;
167- $btn-info-active-bgcolor : darken ($btn-info-bgcolor , 15%  ) !default ;
167+ $btn-info-hover-bgcolor : color . adjust ($brand-info-dark , $lightness :   - 5% !default ;
168+ $btn-info-focus-bgcolor : color . adjust ($btn-info-bgcolor , $lightness :   - 10% !default ;
169+ $btn-info-active-bgcolor : color . adjust ($btn-info-bgcolor , $lightness :   - 15% !default ;
168170$btn-info-border-color : $brand-info  !default ;
169171$btn-info-hover-border-color : $brand-info-dark  !default ;
170- $btn-info-focus-border-color : darken ($brand-info-dark , 10%  ) !default ;
171- $btn-info-active-border-color : darken ($brand-info-dark , 10%  ) !default ;
172+ $btn-info-focus-border-color : color . adjust ($brand-info-dark , $lightness :   - 10% !default ;
173+ $btn-info-active-border-color : color . adjust ($brand-info-dark , $lightness :   - 10% !default ;
172174$btn-info-disabled-bgcolor : rgba ($brand-info , .4 ) !default ;
173175$btn-info-disabled-color : rgba ($grey-dark-font , .4 ) !default ;
174176$btn-info-disabled-border-color : $btn-disabled-border-color  !default ;
@@ -271,8 +273,8 @@ $btn-flat-danger-disabled-color: rgba($btn-flat-danger-color, .4) !default;
271273$btn-outline-primary-disabled-color : rgba ($btn-outline-color , .4 ) !default ;
272274$btn-outline-primary-disabled-border-color : rgba ($btn-outline-border-color , .4 ) !default ;
273275$btn-outline-primary-hover-border-color : $brand-primary  !default ;
274- $btn-outline-primary-focus-border-color : darken ($brand-primary , 10%  ) !default ;
275- $btn-outline-primary-active-border-color : darken ($brand-primary , 10%  ) !default ;
276+ $btn-outline-primary-focus-border-color : color . adjust ($brand-primary , $lightness :   - 10% !default ;
277+ $btn-outline-primary-active-border-color : color . adjust ($brand-primary , $lightness :   - 10% !default ;
276278
277279// outlinesuccess
278280$btn-outline-success-disabled-color : rgba ($btn-success-bgcolor , .4 ) !default ;
0 commit comments