git.roojs.org Git - roojs1/blob - scss/startbootstrap-sb-admin-2/_buttons.scss

   1 .btn-circle {
   2   border-radius: 100%;
   3   height: 2.5rem;
   4   width: 2.5rem;
   5   font-size: 1rem;
   6   display: inline-flex;
   7   align-items: center;
   8   justify-content: center;
   9   &.btn-sm {
  10     height: 1.8rem;
  11     width: 1.8rem;
  12     font-size: 0.75rem;
  13   }
  14   &.btn-lg {
  15     height: 3.5rem;
  16     width: 3.5rem;
  17     font-size: 1.35rem;
  18   }
  19 }
  20
  21 .btn-icon-split {
  22   padding: 0;
  23   overflow: hidden;
  24   display: inline-flex;
  25   align-items: stretch;
  26   justify-content: center;
  27   .icon {
  28     background: fade-out($black, .85);
  29     display: inline-block;
  30     padding: $btn-padding-y $btn-padding-x;
  31   }
  32   .text {
  33     display: inline-block;
  34     padding: $btn-padding-y $btn-padding-x;
  35   }
  36   &.btn-sm {
  37     .icon {
  38       padding: $btn-padding-y-sm $btn-padding-x-sm;
  39     }
  40     .text {
  41       padding: $btn-padding-y-sm $btn-padding-x-sm;
  42     }
  43   }
  44   &.btn-lg {
  45     .icon {
  46       padding: $btn-padding-y-lg $btn-padding-x-lg;
  47     }
  48     .text {
  49       padding: $btn-padding-y-lg $btn-padding-x-lg;
  50     }
  51   }
  52 }