github.com/replicatedhq/ship@v0.55.0/web/init/src/scss/utilities/icons.scss (about)

     1  /* Icon classes */
     2  
     3  .icon.u-closeIcon {
     4    background-position: 0 0;
     5    width: 14px;
     6    height: 14px;
     7  
     8    &:hover {
     9      background-position: -16px 0;
    10    }
    11  }
    12  
    13  .icon.u-smallCheckWhite {
    14    background-position: -30px -29px;
    15    width: 14px;
    16    height: 13px;
    17  }
    18  
    19  .icon.u-deleteOverlayIcon {
    20    background-position: -32px 0;
    21    width: 12px;
    22    height: 14px;
    23  }
    24  
    25  .icon.u-overlayCreateIcon {
    26    background-position: 0 -60px;
    27    width: 19px;
    28    height: 19px;
    29  
    30    &:hover {
    31      background-position: 0 -82px;
    32    }
    33  }
    34  
    35  .icon.u-overlayViewIcon {
    36    background-position: -22px -59px;
    37    width: 16px;
    38    height: 20px;
    39  
    40    &:hover {
    41      background-position: -22px -81px;
    42    }
    43  }
    44  
    45  .icon.u-closeOverlayIcon {
    46    background-position: 0 -29px;
    47    width: 28px;
    48    height: 28px;
    49  }
    50  
    51  .icon.u-selectBaseIcon {
    52    background-position: 0 -103px;
    53    width: 120px;
    54    height: 120px;
    55  }
    56  
    57  .icon.u-setOverlayIcon {
    58    background-position: 0 -225px;
    59    width: 120px;
    60    height: 120px;
    61  }
    62  
    63  .icon.u-shipItIcon {
    64    background-position: 0 -347px;
    65    width: 120px;
    66    height: 120px;
    67  }
    68  
    69  .icon.progress-detail-success {
    70    background-position: 0 -469px;
    71    width: 40px;
    72    height: 40px;
    73  }
    74  
    75  .icon.progress-detail-error {
    76    background-position: -42px -469px;
    77    width: 40px;
    78    height: 40px;
    79  }
    80  
    81  .icon.u-ovalIcon {
    82    background-position: -48px 0;
    83    width: 18px;
    84    height: 18px;
    85  }
    86  
    87  .icon.u-smallCheckGreen {
    88    background-position: -68px 0;
    89    width: 18px;
    90    height: 18px;
    91  }