
// --- Mixins

.use-icons() {
  background-image: url(../images/icons.png);
  background-repeat: no-repeat;
  background-size: @iconsWidth auto;
}

.use-button-icons() {
  background-image: url(../images/button-icons.png);
  background-repeat: no-repeat;
  background-size: @buttonIconsWidth auto;
}


.icons() {
  .use-icons();
  vertical-align: text-top;
  display: inline-block;
  width: 24px;
  height: 16px;
}

.button-icons() {
  .use-button-icons();
  vertical-align: text-top;
  display: inline-block;
}


// Icons

// -------------- Row 1

i.divide {
  background-position: -8px -8px;
}

i.bullet {
  background-position: -40px -8px;
}

i.buttons {
  background-position: -72px -8px;
}

i.add-remove {
  background-position: -104px -8px;
}

i.metabox-small {
  background-position: -136px -8px;
}

i.documents {
  background-position: -168px -8px;
}

i.bold {
  background-position: -200px -8px;
}

i.wall {
  background-position: -232px -8px;
}

i.metabox-left {
  background-position: -264px -8px;
}

i.jigsaw {
  background-position: -296px -8px;
}

i.grid {
  background-position: -328px -8px;
}

i.question-octagon {
  background-position: -360px -8px;
}

i.tick-circle {
  background-position: -392px -8px;
}

i.dashboard {
  background-position: -424px -8px;
}

i.database {
  background-position: -456px -8px;
}

i.metabox-text {
  background-position: -488px -8px;
}

i.hand-thumb {
  background-position: -520px -8px;
}

i.error-circle {
  background-position: -552px -8px;
}

i.warning-octagon {
  background-position: -584px -8px;
}

i.expand {
  background-position: -616px -8px;
}


// -------------- Row 2

i.metabox-image-text {
  background-position: -8px -40px;
}

i.metabox-add-remove {
  background-position: -40px -40px;
}

i.metabox-add-remove-large {
  background-position: -66px -38px;
}

i.metabox,
i.cap-field-sets {
  background-position: -104px -40px;
}

i.metabox-versions {
  background-position: -136px -38px;
}

i.metabox-large {
  background-position: -162px -38px;
}

i.metaboxes {
  background-position: -200px -40px;
}

i.text-box,
i.cap-fields {
  background-position: -232px -40px;
}

i.script-php {
  background-position: -264px -40px;
}

i.gear,
i.cap-mp_masterplan {
  background-position: -296px -40px;
}

i.globe {
  background-position: -328px -40px;
}

i.hand-point,
i.cap-dashboard {
  background-position: -360px -40px;
}

i.hierarchy {
  background-position: -392px -40px;
}

i.image {
  background-position: -424px -40px;
}

i.info-small-gray,
.mpv-roles-form .cap-section .info {
  background-position: -456px -40px;
}

i.key,
i.cap-other {
  background-position: -488px -40px;
}

i.label-string {
  background-position: -520px -40px;
}

i.certificate {
  background-position: -552px -40px;
}

i.magnifier {
  background-position: -584px -40px;
}

i.sort-a-z {
  background-position: -616px -40px;
}





// -------------- Row 3

i.masterpress,
i.cap-mp_sections {
  background-position: -8px -72px;
}

i.menu-icon {
  background-position: -40px -72px;
}

i.globe-share {
  background-position: -72px -72px;
}

i.na {
  background-position: -104px -72px;
}

i.selection {
  background-position: -136px -72px;
}

i.pages,
i.cap-page {
  background-position: -168px -72px;
}

i.menu-icon-long {
  background-position: -200px -72px;
}

i.plug,
i.cap-admin-plugin {
  background-position: -232px -72px;
}

i.plus-circle,
i.cap-add-custom {
  background-position: -264px -72px;
}

i.pins,
i.cap-mp_post_types {
  background-position: -296px -72px;
}

i.pin,
i.cap-post {
  background-position: -328px -72px;
}

i.question {
  background-position: -360px -72px;
}

i.document-text,
i.cap-core-content {
  background-position: -392px -72px;
}

i.asterisk {
  background-position: -424px -72px;
}

i.arrow-small {
  background-position: -456px -72px;
}

i.content-bar {
  background-position: -488px -72px;
}

i.title-bar {
  background-position: -520px -72px;
}

i.user-role {
  background-position: -552px -72px;
}

i.server {
  background-position: -584px -72px;
}

i.metabox-share,
i.cap-mp_shared_field_sets {
  background-position: -616px -72px;
}


// -------------- Row 4

i.share-metabox-large {
  background-position: -8px -104px;
}

i.share-metabox-add-remove-large {
  background-position: -40px -104px;
}

i.share-metaboxes {
  background-position: -68px -104px;
}

i.funnel {
  background-position: -104px -104px;
}

i.menu-gray {
  background-position: -136px -104px;
}

i.metabox-menu {
  background-position: -168px -104px;
}

i.sidebar {
  background-position: -200px -104px;
}

i.metabox-sitemap-large {
  // -2
  background-position: -228px -102px;
}

i.sitemap,
i.cap-mp_site_field_sets {
  background-position: -264px -104px;
}

i.slash {
  background-position: -296px -104px;
}

i.sort {
  background-position: -328px -104px;
}

i.stairs,
i.cap-levels {
  background-position: -360px -104px;
}

i.set-summary-multiple {
  background-position: -392px -104px;
}

i.set-summary-block-width {
  background-position: -424px -104px;
}

i.set-summary {
  background-position: -456px -104px;
}

i.switch {
  background-position: -488px -104px;
}

i.tag-label {
  background-position: -520px -104px;
}

i.tag {
  background-position: -552px -104px;
}

i.tag-cloud {
  background-position: -582px -102px;
}

i.tags,
i.cap-mp_taxonomies {
  background-position: -616px -104px;
}


// -------------- Row 5

i.template {
  background-position: -8px -136px;
}

i.templates,
i.cap-mp_templates {
  background-position: -38px -134px;
}

i.metabox-tags-small {
  background-position: -72px -136px;
}

i.colors,
i.cap-admin-theme {
  background-position: -104px -136px;
}

i.tick-small {
  background-position: -136px -136px;
}

i.image-small {
  background-position: -168px -136px;
}

i.types,
i.cap-core-object {
  background-position: -200px -136px;
}

i.upload {
  background-position: -232px -136px;
}

i.user {
  background-position: -264px -136px;
}

i.users,
i.cap-admin-user,
i.cap-mp_user_roles {
  background-position: -296px -136px;
}

i.light-globe {
  background-position: -328px -136px;
}

i.minus-circle {
  background-position: -360px -136px;
}

i.warning-triangle {
  background-position: -392px -136px;
}

i.info {
  background-position: -424px -136px;
}

i.zip {
  background-position: -456px -136px;
}

i.clock-history {
  background-position: -488px -136px;
}

i.highlighter {
  background-position: -520px -136px;
}

i.warning-shield {
  background-position: -552px -136px;
}



// ----------- Tab Icons --------------

.mpv .fs-tabs {
  
  a {

    i.buoy {
      background-position: -8px -256px;
    }

    i.copy {
      background-position: -40px -256px;
    }

    i.paste {
      background-position: -72px -256px;
    }

    i.hammer {
      background-position: -104px -256px;
    }

    i.dashboard {
      background-position: -136px -256px;
    }

    i.arrow-curve-right {
      background-position: -168px -256px;
    }

    i.arrow-curve-left {
      background-position: -200px -256px;
    }


    i.masterpress {
      background-position: -232px -256px;
    }

    i.info {
      background-position: -264px -256px;
    }

    i.pins {
      background-position: -296px -256px;
    }

    i.text-box {
      background-position: -296px -128px;
    }

    i.clock-history {
      background-position: -328px -256px;
    }

    i.tags {
      background-position: -360px -256px;
    }
    
    &:hover,
    &.current {
      
      i.buoy {
        background-position: -8px -288px;
      }

      i.copy {
        background-position: -40px -288px;
      }

      i.paste {
        background-position: -72px -288px;
      }

      i.hammer {
        background-position: -104px -288px;
      }

      i.dashboard {
        background-position: -136px -288px;
      }

      i.arrow-curve-right {
        background-position: -168px -288px;
      }

      i.arrow-curve-left {
        background-position: -200px -288px;
      }

      i.masterpress {
        background-position: -232px -288px;
      }

      i.info {
        background-position: -264px -288px;
      }

      i.pins {
        background-position: -296px -288px;
      }

      i.text-box {
        background-position: -296px -160px;
      }

      i.clock-history {
        background-position: -328px -288px;
      }

      i.tags {
        background-position: -360px -288px;
      }
          
      
    }
  } // a
  
}



@ftx: -8px; 
@fty: -8px; 

.ftip(@x, @y) {
  background-position: @x + @ftx @y + @fty;
}

i.file-type {
  background-image: url(../images/icons.png) !important;
  background-repeat: no-repeat;
  background-size: @iconsWidth auto;
  height: 16px;
  width: 16px;
  .ftip(-384px, -224px);
}

i.file-type-7z {
  .ftip(-448px, -128px);
}

i.file-type-aac {
  .ftip(-64px, -192px);
}

i.file-type-ai {
  .ftip(-608px, -160px);
}

i.file-type-aif {
  .ftip(-64px, -192px);
}

i.file-type-aiff {
  .ftip(-64px, -192px);
}

i.file-type-app {
  .ftip(-32px, -224px);
}

i.file-type-asp {
  .ftip(-32px, -224px);
}

i.file-type-avi {
  .ftip(-448px, -160px);
}

i.file-type-as {
  .ftip(-160px, -224px);
}

i.file-type-bat {
  .ftip(-224px, -224px);
}

i.file-type-bmp {
  .ftip(0px, -192px);
}

i.file-type-c {
  .ftip(-192px, -160px);
}

i.file-type-cgi {
  .ftip(-192px, -224px);
}

i.file-type-class {
  .ftip(-192px, -160px);
}

i.file-type-cpp {
  .ftip(-192px, -160px);
}

i.file-type-cs {
  .ftip(-32px, -224px);
}

i.file-type-css {
  .ftip(-480px, -192px);
}

i.file-type-csv {
  .ftip(-384px, -160px);
}

i.file-type-dat {
  .ftip(-160px, -160px);
}

i.file-type-db {
  .ftip(-320px, -160px);
}

i.file-type-dmg {
  .ftip(-352px, -160px);
}

i.file-type-doc {
  .ftip(-608px, -192px);
}

i.file-type-docx {
  .ftip(-576px, -192px);
}

i.file-type-dtd {
  .ftip(-288px, -160px);
}

i.file-type-eps {
  .ftip(-448px, -192px);
}

i.file-type-exe {
  .ftip(-352px, -224px);
}

i.file-type-fla {
  .ftip(-512px, -160px);
}

i.file-type-flv {
  .ftip(-480px, -160px);
}

i.file-type-fnt {
  .ftip(-96px, -160px);
}

i.file-type-gif {
  .ftip(0px, -192px);
}

i.file-type-gz {
  .ftip(-448px, -128px);
}


i.file-type-html,
i.file-type-htm {
  .ftip(-288px, -160px);
}


i.file-type-ini {
  .ftip(-544px, -160px);
}

i.file-type-iso {
  .ftip(-352px, -160px);
}

i.file-type-jar {
  .ftip(-192px, -160px);
}

i.file-type-java {
  .ftip(-192px, -160px);
}

i.file-type-jpeg {
  .ftip(0px, -192px);
}

i.file-type-jpg {
  .ftip(0px, -192px);
}

i.file-type-js {
  .ftip(-192px, -224px);
}

i.file-type-keynote {
  .ftip(-320px, -224px);
}

i.file-type-m {
  .ftip(-192px, -160px);
}

i.file-type-markdown,
i.file-type-md {
  .ftip(-288px, -160px);
}

i.file-type-m3u {
  .ftip(-32px, -192px);
}

i.file-type-m4a {
  .ftip(-64px, -192px);
}

i.file-type-m4v {
  .ftip(-448px, -160px);
}

i.file-type-mov {
  .ftip(-448px, -160px);
}


i.file-type-mkv {
  .ftip(-448px, -160px);
}

i.file-type-mp3 {
  .ftip(-64px, -192px);
}


i.file-type-mpg,
i.file-type-mpeg {
  .ftip(-448px, -160px);
}

i.file-type-mdb {
  .ftip(-288px, -192px);
}

i.file-type-mid {
  .ftip(-64px, -192px);
}

i.file-type-mpa {
  .ftip(-64px, -192px);
}

i.file-type-mp4 {
  .ftip(-64px, -192px);
}

i.file-type-msg {
  .ftip(-128px, -192px);
}

i.file-type-msi {
  .ftip(-352px, -224px);
}

i.file-type-numbers {
  .ftip(-416px, -192px);
}

i.file-type-otf {
  .ftip(-96px, -160px);
}

i.file-type-ogg {
  .ftip(-64px, -192px);
}

i.file-type-pages {
  .ftip(-480px, -192px);
}

i.file-type-pkg {
  .ftip(-32px, -160px);
}

i.file-type-pdf {
  background-position: -160px + @ftx -192px + @fty;
}

i.file-type-pl {
  .ftip(-256px, -224px);
}

i.file-type-php {
  .ftip(-256px, -32px);
}

i.file-type-png {
  .ftip(0px, -192px);
}

i.file-type-pps {
  .ftip(-288px, -224px);
}

i.file-type-ppt {
  .ftip(-288px, -192px);
}

i.file-type-pptx {
  .ftip(-288px, -192px);
}

i.file-type-psd {
  .ftip(-224px, -192px);
}

i.file-type-pspimage {
  .ftip(0px, -192px);
}

i.file-type-py {
  .ftip(-256px, -224px);
}

i.file-type-rar {
  .ftip(-256px, -160px);
}

i.file-type-raw {
  .ftip(-320px, -192px);
}


i.file-type-rb {
  .ftip(-384px, -192px);
}


i.file-type-rtf {
  .ftip(-512px, -192px);
}


i.file-type-sit {
  .ftip(-32px, -160px);
}

i.file-type-sitx {
  .ftip(-32px, -160px);
}

i.file-type-sql {
  .ftip(-128px, -224px);
}

i.file-type-svg {
  .ftip(-288px, -160px);
}

i.file-type-swf {
  .ftip(-512px, -160px);
}

i.file-type-tar-gz {
  .ftip(-448px, -128px);
}

i.file-type-tiff,
i.file-type-tif {
  .ftip(0px, -192px);
}

i.file-type-ttf {
  .ftip(-96px, -160px);
}

i.file-type-txt {
  .ftip(-512px, -192px);
}

i.file-type-vb {
  .ftip(-32px, -224px);
}

i.file-type-vcf {
  .ftip(-64px, -160px);
}

i.file-type-wav {
  .ftip(-64px, -192px);
}

i.file-type-wks {
  .ftip(-416px, -192px);
}


i.file-type-wma {
  .ftip(-64px, -192px);
}

i.file-type-wmv {
  .ftip(-448px, -160px);
}

i.file-type-wps {
  .ftip(-480px, -192px);
}

i.file-type-wsf {
  .ftip(-256px, -224px);
}

i.file-type-xhtml {
  .ftip(-288px, -160px);
}

i.file-type-xls {
  .ftip(-416px, -160px);
}

i.file-type-xlsx {
  .ftip(-416px, -160px);
}

i.file-type-xml {
  .ftip(-288px, -160px);
}

i.file-type-zip {
  .ftip(-448px, -128px);
}

i.file-type-zipx {
  .ftip(-448px, -128px);
}
