mirror of
https://github.com/twbs/bootstrap.git
synced 2024-11-29 11:24:18 +01:00
56 lines
972 B
SCSS
56 lines
972 B
SCSS
// Buttons
|
|
//
|
|
// Custom buttons for the docs.
|
|
|
|
.btn-bd-primary {
|
|
font-weight: 600;
|
|
color: $white;
|
|
background-color: $bd-purple-bright;
|
|
border-color: $bd-purple-bright;
|
|
|
|
&:hover,
|
|
&:active {
|
|
color: $white;
|
|
background-color: shade-color($bd-purple-bright, 20%);
|
|
border-color: shade-color($bd-purple-bright, 20%);
|
|
}
|
|
|
|
&:focus {
|
|
box-shadow: 0 0 0 3px rgba($bd-purple-bright, .25);
|
|
}
|
|
}
|
|
|
|
.btn-bd-download {
|
|
font-weight: 600;
|
|
color: $bd-download;
|
|
border-color: $bd-download;
|
|
|
|
&:hover,
|
|
&:active {
|
|
color: $bd-dark;
|
|
background-color: $bd-download;
|
|
border-color: $bd-download;
|
|
}
|
|
|
|
&:focus {
|
|
box-shadow: 0 0 0 3px rgba($bd-download, .25);
|
|
}
|
|
}
|
|
|
|
.btn-bd-light {
|
|
color: $gray-600;
|
|
border-color: $gray-300;
|
|
|
|
.show > &,
|
|
&:hover,
|
|
&:active {
|
|
color: $bd-purple-bright;
|
|
background-color: $white;
|
|
border-color: $bd-purple-bright;
|
|
}
|
|
|
|
&:focus {
|
|
box-shadow: 0 0 0 3px rgba($bd-purple-bright, .25);
|
|
}
|
|
}
|