resources/themes/stylesheets/ext4/default/util/_tool.scss

   1 @mixin extjs-tool {
   2     .#{$prefix}tool {
   3         height: $tool-size;
   4
   5         img {
   6             overflow: hidden;
   7
   8             width: $tool-size;
   9             height: $tool-size;
  10
  11             cursor: pointer;
  12
  13             background-color: transparent;
  14             background-repeat: no-repeat;
  15             background-image: theme-background-image($theme-name, 'tools/tool-sprites.gif');
  16
  17             margin: 0;
  18         }
  19     }
  20
  21     .#{$prefix}panel-header-horizontal,
  22     .#{$prefix}window-header-horizontal {
  23         .#{$prefix}tool {
  24                 margin-left: 2px;
  25         }
  26     }
  27
  28     .#{$prefix}panel-header-vertical,
  29     .#{$prefix}window-header-vertical {
  30         .#{$prefix}tool {
  31                 margin-bottom: 2px;
  32         }
  33     }
  34
  35 .#{$prefix}tool-placeholder {
  36         visibility: hidden;
  37     }
  38
  39     .#{$prefix}tool-toggle {
  40         background-position: 0 -60px;
  41     }
  42
  43     .#{$prefix}tool-over {
  44         .#{$prefix}tool-toggle {
  45             background-position: -15px -60px;
  46         }
  47     }
  48
  49     .#{$prefix}panel-collapsed,
  50     .#{$prefix}fieldset-collapsed {
  51         .#{$prefix}tool-toggle {
  52             background-position: 0 -75px;
  53         }
  54
  55         .#{$prefix}tool-over {
  56             .#{$prefix}tool-toggle {
  57                 background-position: -15px -75px;
  58             }
  59         }
  60     }
  61
  62     .#{$prefix}tool-close {
  63         background-position: 0 0;
  64     }
  65
  66     .#{$prefix}tool-minimize {
  67         background-position: 0 -15px;
  68     }
  69
  70     .#{$prefix}tool-maximize {
  71         background-position: 0 -30px;
  72     }
  73
  74     .#{$prefix}tool-restore {
  75         background-position: 0 -45px;
  76     }
  77
  78     .#{$prefix}tool-gear {
  79         background-position: 0 -90px;
  80     }
  81
  82     .#{$prefix}tool-prev {
  83         background-position: 0 -105px;
  84     }
  85
  86     .#{$prefix}tool-next {
  87         background-position: 0 -120px;
  88     }
  89
  90     .#{$prefix}tool-pin {
  91         background-position: 0 -135px;
  92     }
  93
  94     .#{$prefix}tool-unpin {
  95         background-position: 0 -150px;
  96     }
  97
  98     .#{$prefix}tool-right {
  99         background-position: 0 -165px;
 100     }
 101
 102     .#{$prefix}tool-left {
 103         background-position: 0 -180px;
 104     }
 105
 106     .#{$prefix}tool-help {
 107         background-position: 0 -300px;
 108     }
 109
 110     .#{$prefix}tool-save {
 111         background-position: 0 -285px;
 112     }
 113
 114     .#{$prefix}tool-search {
 115         background-position: 0 -270px;
 116     }
 117
 118     .#{$prefix}tool-minus {
 119         background-position: 0 -255px;
 120     }
 121
 122     .#{$prefix}tool-plus {
 123         background-position: 0 -240px;
 124     }
 125
 126     .#{$prefix}tool-refresh {
 127         background-position: 0 -225px;
 128     }
 129
 130     .#{$prefix}tool-up {
 131         background-position: 0 -210px;
 132     }
 133
 134     .#{$prefix}tool-down {
 135         background-position: 0 -195px;
 136     }
 137
 138     .#{$prefix}tool-move {
 139         background-position: 0 -375px;
 140     }
 141
 142     .#{$prefix}tool-resize {
 143         background-position: 0 -360px;
 144     }
 145
 146     .#{$prefix}tool-collapse {
 147         background-position: 0 -345px;
 148     }
 149
 150     .#{$prefix}tool-expand {
 151         background-position: 0 -330px;
 152     }
 153
 154     .#{$prefix}tool-print {
 155         background-position: 0 -315px;
 156     }
 157
 158     .#{$prefix}tool-expand-bottom,
 159     .#{$prefix}tool-collapse-bottom {
 160         background-position: 0 -195px;
 161     }
 162
 163     .#{$prefix}tool-expand-top,
 164     .#{$prefix}tool-collapse-top {
 165         background-position: 0 -210px;
 166     }
 167
 168     .#{$prefix}tool-expand-left,
 169     .#{$prefix}tool-collapse-left {
 170         background-position: 0 -180px;
 171     }
 172
 173     .#{$prefix}tool-expand-right,
 174     .#{$prefix}tool-collapse-right {
 175         background-position: 0 -165px;
 176     }
 177
 178     .#{$prefix}tool-over {
 179         .#{$prefix}tool-close {
 180             background-position: -15px 0;
 181         }
 182
 183         .#{$prefix}tool-minimize {
 184             background-position: -15px -15px;
 185         }
 186
 187         .#{$prefix}tool-maximize {
 188             background-position: -15px -30px;
 189         }
 190
 191         .#{$prefix}tool-restore {
 192             background-position: -15px -45px;
 193         }
 194
 195         .#{$prefix}tool-gear {
 196             background-position: -15px -90px;
 197         }
 198
 199         .#{$prefix}tool-prev {
 200             background-position: -15px -105px;
 201         }
 202
 203         .#{$prefix}tool-next {
 204             background-position: -15px -120px;
 205         }
 206
 207         .#{$prefix}tool-pin {
 208             background-position: -15px -135px;
 209         }
 210
 211         .#{$prefix}tool-unpin {
 212             background-position: -15px -150px;
 213         }
 214
 215         .#{$prefix}tool-right {
 216             background-position: -15px -165px;
 217         }
 218
 219         .#{$prefix}tool-left {
 220             background-position: -15px -180px;
 221         }
 222
 223         .#{$prefix}tool-down {
 224             background-position: -15px -195px;
 225         }
 226
 227         .#{$prefix}tool-up {
 228             background-position: -15px -210px;
 229         }
 230
 231         .#{$prefix}tool-refresh {
 232             background-position: -15px -225px;
 233         }
 234
 235         .#{$prefix}tool-plus {
 236             background-position: -15px -240px;
 237         }
 238
 239         .#{$prefix}tool-minus {
 240             background-position: -15px -255px;
 241         }
 242
 243         .#{$prefix}tool-search {
 244             background-position: -15px -270px;
 245         }
 246
 247         .#{$prefix}tool-save {
 248             background-position: -15px -285px;
 249         }
 250
 251         .#{$prefix}tool-help {
 252             background-position: -15px -300px;
 253         }
 254
 255         .#{$prefix}tool-print {
 256             background-position: -15px -315px;
 257         }
 258
 259         .#{$prefix}tool-expand {
 260             background-position: -15px -330px;
 261         }
 262
 263         .#{$prefix}tool-collapse {
 264             background-position: -15px -345px;
 265         }
 266
 267         .#{$prefix}tool-resize {
 268             background-position: -15px -360px;
 269         }
 270
 271         .#{$prefix}tool-move {
 272             background-position: -15px -375px;
 273         }
 274
 275         .#{$prefix}tool-expand-bottom,
 276         .#{$prefix}tool-collapse-bottom {
 277             background-position: -15px -195px;
 278         }
 279
 280         .#{$prefix}tool-expand-top,
 281         .#{$prefix}tool-collapse-top {
 282             background-position: -15px -210px;
 283         }
 284
 285         .#{$prefix}tool-expand-left,
 286         .#{$prefix}tool-collapse-left {
 287             background-position: -15px -180px;
 288         }
 289
 290         .#{$prefix}tool-expand-right,
 291         .#{$prefix}tool-collapse-right {
 292             background-position: -15px -165px;
 293         }
 294     }
 295 }