view/theme/quattro/icons.less

   1 /* icons */
   2
   3 .icons(@size: 22) {
   4         &.notify { background-image: url("../../../images/icons/@{size}/notify_off.png"); }
   5         &.gear   { background-image: url("../../../images/icons/@{size}/gear.png"); }
   6
   7         &.add           { background-image: url("../../../images/icons/@{size}/add.png"); }
   8         &.delete        { background-image: url("../../../images/icons/@{size}/delete.png"); }
   9         &.edit          { background-image: url("../../../images/icons/@{size}/edit.png"); }
  10         &.start         { background-image: url("../../../images/icons/@{size}/star.png"); }
  11 }
  12
  13
  14 .icon {
  15         background-color: transparent ;
  16         background-repeat: no-repeat;
  17         background-position: center center;
  18         display: block;
  19         overflow: hidden;
  20         text-indent: -9999px;
  21         padding: 1px;
  22
  23         &.text {
  24                 text-indent: 0px;
  25         }
  26
  27         &.s16 {
  28                 width:22px; height: 22px;
  29                 .icons(16);
  30         }
  31         &.s22 {
  32                 width:22px; height: 22px;
  33                 .icons(22);
  34         }
  35
  36
  37 }