view/theme/quattro/icons.less

   1 // Quattro Theme LESS file
   2 /* icons */
   3
   4 .icons(@size: 22) {
   5         &.notify { background-image: url("../../../images/icons/@{size}/notify_off.png"); }
   6         &.gear   { background-image: url("../../../images/icons/@{size}/gear.png"); }
   7
   8         &.add           { background-image: url("../../../images/icons/@{size}/add.png"); }
   9         &.delete        { background-image: url("../../../images/icons/@{size}/delete.png"); }
  10         &.edit          { background-image: url("../../../images/icons/@{size}/edit.png"); }
  11         &.star          { background-image: url("../../../images/icons/@{size}/star.png"); }
  12         &.menu          { background-image: url("../../../images/icons/@{size}/menu.png"); }
  13         &.link          { background-image: url("../../../images/icons/@{size}/link.png"); }
  14         &.lock          { background-image: url("../../../images/icons/@{size}/lock.png"); }
  15         &.unlock        { background-image: url("../../../images/icons/@{size}/unlock.png"); }
  16
  17 }
  18
  19
  20 .icon {
  21         background-color: transparent ;
  22         background-repeat: no-repeat;
  23         background-position: center center;
  24         display: block;
  25         overflow: hidden;
  26         text-indent: -9999px;
  27         padding: 1px;
  28
  29         &.text {
  30                 text-indent: 0px;
  31         }
  32
  33         &.s10 {
  34                 width:10px; height: 10px;
  35                 .icons(10);
  36         }
  37         &.s16 {
  38                 width:22px; height: 22px;
  39                 .icons(16);
  40         }
  41         &.s22 {
  42                 width:22px; height: 22px;
  43                 .icons(22);
  44         }
  45         &.s48 {
  46                 width:48px; height: 48px;
  47                 .icons(22);
  48         }
  49
  50
  51 }