catalog-ui/src/assets/styles/tlv-sprite.less

   1 .tlv-sprite {
   2     background-image: url("images/sprites/tlv-sprite.png");
   3     display: inline-block;
   4     vertical-align: middle;
   5
   6     &.logo-blue {
   7         background-position: -10px -20px;
   8         width: 28px;
   9         height: 28px;
  10     }
  11
  12     &.user {
  13         background-position: -50px -20px;
  14         width: 15px;
  15         height: 20px;
  16     }
  17
  18     .facebook {
  19         background-position: -10px -260px;
  20         width: 36px;
  21         height: 36px;
  22     }
  23
  24     .facebook-hover {
  25         background-position: -10px -300px;
  26         width: 36px;
  27         height: 36px;
  28     }
  29
  30     .twitter {
  31         background-position: -50px -260px;
  32         width: 36px;
  33         height: 36px;
  34     }
  35
  36     .twitter-hover {
  37         background-position: -50px -300px;
  38         width: 36px;
  39         height: 36px;
  40     }
  41
  42     .linkedin {
  43         background-position: -89px -260px;
  44         width: 36px;
  45         height: 36px;
  46     }
  47
  48     .linkedin-hover {
  49         background-position: -89px -300px;
  50         width: 36px;
  51         height: 36px;
  52     }
  53
  54     .youtube {
  55         background-position: -130px -260px;
  56         width: 36px;
  57         height: 36px;
  58     }
  59
  60     .youtube-hover {
  61         background-position: -130px -300px;
  62         width: 36px;
  63         height: 36px;
  64     }
  65
  66     .footer-open {
  67         background-position: -250px -59px;
  68         width: 14px;
  69         height: 10px;
  70     }
  71
  72     .footer-open-hover {
  73         background-position: -250px -79px;
  74         width: 14px;
  75         height: 10px;
  76     }
  77
  78     .footer-close {
  79         background-position: -230px -59px;
  80         width: 14px;
  81         height: 10px;
  82     }
  83
  84     .footer-close-hover {
  85         background-position: -230px -79px;
  86         width: 14px;
  87         height: 10px;
  88     }
  89
  90     .checkbox-disadbled {
  91         background-position: -10px -60px;
  92         width: 14px;
  93         height: 14px;
  94     }
  95
  96     .checkbox {
  97         background-position: -10px -60px;
  98         width: 14px;
  99         height: 14px;
 100     }
 101
 102     .checkbox-hover {
 103         background-position: -10px -100px;
 104         width: 14px;
 105         height: 14px;
 106     }
 107
 108     .checkbox-checked {
 109         background-position: -10px -120px;
 110         width: 14px;
 111         height: 14px;
 112     }
 113
 114     .radio-disabled {
 115         background-position: -50px -60px;
 116         width: 14px;
 117         height: 14px;
 118     }
 119
 120     .radio {
 121         background-position: -50px -80px;
 122         width: 14px;
 123         height: 14px;
 124     }
 125
 126     .radio-checked {
 127         background-position: -50px -120px;
 128         width: 14px;
 129         height: 14px;
 130     }
 131 }
 132
 133 .tlv-x-btn, .tlv-x-btn:hover {
 134     background-position: -17px -147px;
 135     width: 10px;
 136     height: 10px;
 137 }
 138