github.com/pf-qiu/concourse/v6@v6.7.3-0.20201207032516-1f455d73275f/web/assets/css/buttons.less (about)

     1  @import (reference) "_vars.less";
     2  
     3  .btn-power-toggle {
     4    font-size: 16px;
     5    width: 25px;
     6    line-height: 25px;
     7    text-align: center;
     8  
     9    .enabled & {
    10      color: @grey20;
    11      background: @base0B;
    12    }
    13  
    14    .errored & {
    15      background: @base09;
    16    }
    17  }
    18  
    19  .btn-pause {
    20    display: inline-block;
    21    color: @grey20;
    22    text-align: center;
    23    width: 28px;
    24    padding: 0;
    25    border: none;
    26  
    27    &:hover {
    28      cursor: pointer;
    29    }
    30  
    31    &:focus {
    32      outline: none;
    33    }
    34  
    35    &.enabled {
    36      background-color: @base0D;
    37  
    38      &:active {
    39        &:extend(.btn-pause.disabled);
    40      }
    41    }
    42  
    43    &.loading {
    44      background-color: @base0D;
    45    }
    46  
    47    &.disabled {
    48      background-color: @grey70;
    49  
    50      &:active {
    51        &:extend(.btn-pause.enabled);
    52      }
    53    }
    54  }
    55  
    56  .btn-large {
    57    font-size: 25px;
    58    text-align: center;
    59    width: 60px;
    60  }
    61  
    62  .btn-large i {
    63    line-height: 60px;
    64    width: 60px;
    65  }