MDL-63044 theme_boost: fix secondary outline button styling

This commit is contained in:
Ryan Wyllie 2018-08-27 17:01:56 +08:00
parent 2d41f5b2fa
commit 916c0ded83
2 changed files with 32 additions and 0 deletions

View File

@ -97,3 +97,11 @@ body {
.userpicture {
border-radius: 50%;
}
// Reset the default styling back to the bootstrap defaults for
// the secondary outline button because gray-200 is much too light
// for an outline button.
.btn-outline-secondary {
@include button-outline-variant($gray-600);
border-color: $border-color;
}

View File

@ -17080,3 +17080,27 @@ body {
.userpicture {
border-radius: 50%; }
.btn-outline-secondary {
color: #868e96;
background-color: transparent;
background-image: none;
border-color: #868e96;
border-color: #dee2e6; }
.btn-outline-secondary:hover {
color: #fff;
background-color: #868e96;
border-color: #868e96; }
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); }
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
color: #868e96;
background-color: transparent; }
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
color: #fff;
background-color: #868e96;
border-color: #868e96; }
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); }