github.com/mssola/todo@v0.0.0-20181029153210-d25348dc3f48/public/stylesheets/include/button.scss (about)

     1  
     2  @import "mixins";
     3  
     4  .btn {
     5      @include border-radius(2px);
     6  
     7      position: relative;
     8      cursor: pointer;
     9  
    10      padding: .4em .75em .35em;
    11      white-space: nowrap;
    12  }
    13  
    14  .yellow-btn {
    15      @include background-linear-gradient(#ffd343, #ffdf76);
    16      border: 1px solid #dca900;
    17      color: #4d4d4d!important;
    18      font-weight: bold;
    19  
    20      &:hover {
    21          @include background-linear-gradient(#ffd343, #ffeba9);
    22          color: #1a1a1a!important;
    23      }
    24  }
    25  
    26  .green-btn {
    27      text-align: center;
    28      padding: 4px;
    29      margin: 0;
    30      background: none;
    31      border: 1px solid #777;
    32      border-radius: 3px;
    33      opacity: .5;
    34      font-weight: bold;
    35      color: #29752F;
    36  
    37      &:hover { opacity: .9; }
    38  }
    39  
    40  .red-btn {
    41      color: #900;
    42      border: 1px solid #D19898;
    43      text-shadow: 0 1px 0 rgba(255,255,255,0.9);
    44      font-weight: bold;
    45  
    46      text-align: center;
    47      padding: 4px;
    48      margin: 0;
    49      background: none;
    50      border-radius: 3px;
    51      opacity: .5;
    52      font-weight: bold;
    53  
    54      &:hover { opacity: .9; }
    55  }
    56  
    57  .grey-btn {
    58      text-align: center;
    59      padding: 1px 4px;
    60      margin: 0;
    61      background: none;
    62      border: 1px solid #777;
    63      border-radius: 3px;
    64      opacity: .5;
    65  
    66      &:hover { opacity: .9; }
    67  }
    68