resources/scss/bootstrap-cust/_buttons.scss

   1 .btn-default .fa {
   2   color: $brand-primary;
   3 }
   4
   5 .btn-info {
   6   @include button-variant($text-color1, $background-color12, $text-color7);
   7 }
   8
   9 .btn-outline-primary {
  10     color: #007bff;
  11     background-color: transparent;
  12     background-image: none;
  13     border-color: #007bff;
  14 }
  15
  16 .btn-outline-primary:hover {
  17     color: #fff;
  18     background-color: #007bff;
  19     border-color: #007bff;
  20 }
  21
  22 .btn-outline-primary:focus, .btn-outline-primary.focus {
  23     box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
  24 }
  25
  26 .btn-outline-primary.disabled, .btn-outline-primary:disabled {
  27     color: #007bff;
  28     background-color: transparent;
  29 }
  30
  31 .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
  32 .show > .btn-outline-primary.dropdown-toggle {
  33     color: #fff;
  34     background-color: #007bff;
  35     border-color: #007bff;
  36 }
  37
  38 .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
  39 .show > .btn-outline-primary.dropdown-toggle:focus {
  40     box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
  41 }