1- // scss-lint: disableQualifyingElement
1+ // stylelint- disableselector-no-qualifying-type
22
33//
44// Base styles
2222& :focus ,
2323& .focus {
2424outline :0 ;
25- box-shadow :$btn-focus-box-shadow ;
25+ box-shadow :$input- btn-focus-box-shadow ;
2626 }
2727
2828// Disabled comes first so active can properly restyle
3232@include box-shadow (none );
3333 }
3434
35- & :active ,
36- & .active {
35+ & :not ([ disabled ]) :not ( .disabled ) : active ,
36+ & :not ([ disabled ]) :not ( .disabled ) .active {
3737background-image :none ;
38- @include box-shadow ($btn-focus-box-shadow ,$btn-active-box-shadow );
38+ @include box-shadow ($input- btn-focus-box-shadow ,$btn-active-box-shadow );
3939 }
4040}
4141
@@ -58,7 +58,11 @@ fieldset[disabled] a.btn {
5858
5959@each $color ,$value in $theme-colors {
6060.btn-outline-#{$color } {
61- @include button-outline-variant ($value ,#fff );
61+ @if $color == " light" {
62+ @include button-outline-variant ($value ,$gray-900 );
63+ }@else {
64+ @include button-outline-variant ($value ,$white );
65+ }
6266 }
6367}
6468
@@ -71,36 +75,27 @@ fieldset[disabled] a.btn {
7175.btn-link {
7276font-weight :$font-weight-normal ;
7377color :$link-color ;
74- border-radius : 0 ;
78+ background-color : transparent ;
7579
76- & ,
77- & :active ,
78- & .active ,
79- & :disabled {
80+ @include hover {
81+ color :$link-hover-color ;
82+ text-decoration :$link-hover-decoration ;
8083background-color :transparent ;
81- @include box-shadow ( none ) ;
84+ border-color : transparent ;
8285 }
83- & ,
86+
8487& :focus ,
85- & :active {
88+ & .focus {
8689border-color :transparent ;
8790box-shadow :none ;
8891 }
89- @include hover {
90- border-color :transparent ;
91- }
92- @include hover-focus {
93- color :$link-hover-color ;
94- text-decoration :$link-hover-decoration ;
95- background-color :transparent ;
96- }
97- & :disabled {
98- color :$btn-link-disabled-color ;
9992
100- @include hover-focus {
101- text-decoration : none ;
102- }
93+ & :disabled ,
94+ & .disabled {
95+ color : $btn-link-disabled-color ;
10396 }
97+
98+ // No need for an active state here
10499}
105100
106101
@@ -109,11 +104,11 @@ fieldset[disabled] a.btn {
109104//
110105
111106.btn-lg {
112- @include button-size ($input-btn-padding-y-lg ,$input-btn-padding-x-lg ,$font-size-lg ,$line-height-lg ,$btn-border-radius-lg );
107+ @include button-size ($input-btn-padding-y-lg ,$input-btn-padding-x-lg ,$font-size-lg ,$input-btn- line-height-lg ,$btn-border-radius-lg );
113108}
114109
115110.btn-sm {
116- @include button-size ($input-btn-padding-y-sm ,$input-btn-padding-x-sm ,$font-size-sm ,$line-height-sm ,$btn-border-radius-sm );
111+ @include button-size ($input-btn-padding-y-sm ,$input-btn-padding-x-sm ,$font-size-sm ,$input-btn- line-height-sm ,$btn-border-radius-sm );
117112}
118113
119114