storj.io/minio@v0.0.0-20230509071714-0cbc90f649b1/browser/app/less/inc/buttons.less (about)

     1  .btn {
     2      border: 0;
     3      padding: 5px 10px;
     4      font-size: 12px;
     5      line-height: 1.5;
     6      border-radius: 2px;
     7      text-align: center;
     8      .transition(all);
     9      .transition-duration(300ms);
    10  
    11      &:hover,
    12      &:focus {
    13          .opacity(0.9);
    14      }
    15  }
    16  
    17  /*-----------------------------------
    18      Button Variants
    19  ------------------------------------*/
    20  .btn-variant(@bg-color, @color) {
    21      color: @color;
    22      background-color: @bg-color;
    23  
    24      &:hover,
    25      &:focus {
    26          color: @color;
    27          background-color: darken(@bg-color, 6%);
    28      }
    29  
    30  
    31  }
    32  
    33  .btn-block {
    34      display: block;
    35      width: 100%;
    36  }
    37  
    38  .btn-white {
    39      .btn-variant(#fff, darken(@text-color, 20%));
    40  }
    41  
    42  .btn-link {
    43      .btn-variant(#eee, #545454);
    44  }
    45  
    46  .btn-danger {
    47      .btn-variant(@red, @white);
    48  }
    49  
    50  .btn-primary {
    51      .btn-variant(@blue, @white);
    52  }
    53  
    54  .btn-success {
    55      .btn-variant(@green, @white);
    56  }
    57  //-----------------------------------