.icon { background-image: url('../images/spritesheet.png'); background-repeat: no-repeat; display: inline-block; } // ICON app-store @mixin icon-app-store() { background-position: 0 -133px !important; } @mixin icon-app-store-mixin() { background-position: 0 -133px; height: 40px; width: 135px; } .icon-app-store { background-position: 0 -133px; height: 40px; width: 135px; } // ICON backup-codes @mixin icon-backup-codes() { background-position: -276px -110px !important; } @mixin icon-backup-codes-mixin() { background-position: -276px -110px; height: 24px; width: 21px; } .icon-backup-codes { background-position: -276px -110px; height: 24px; width: 21px; } // ICON download @mixin icon-download() { background-position: -194px 0 !important; } @mixin icon-download-mixin() { background-position: -194px 0; height: 87px; width: 48px; } .icon-download { background-position: -194px 0; height: 87px; width: 48px; } // ICON google-play @mixin icon-google-play() { background-position: 0 -89px !important; } @mixin icon-google-play-mixin() { background-position: 0 -89px; height: 42px; width: 136px; } .icon-google-play { background-position: 0 -89px; height: 42px; width: 136px; } // ICON info-ok @mixin icon-info-ok() { background-position: -170px -89px !important; } @mixin icon-info-ok-mixin() { background-position: -170px -89px; height: 16px; width: 16px; } .icon-info-ok { background-position: -170px -89px; height: 16px; width: 16px; } // ICON info-x @mixin icon-info-x() { background-position: -222px -89px !important; } @mixin icon-info-x-mixin() { background-position: -222px -89px; height: 16px; width: 16px; } .icon-info-x { background-position: -222px -89px; height: 16px; width: 16px; } // ICON info @mixin icon-info() { background-position: -138px -111px !important; } @mixin icon-info-mixin() { background-position: -138px -111px; height: 16px; width: 16px; } .icon-info { background-position: -138px -111px; height: 16px; width: 16px; } // ICON numpad @mixin icon-numpad() { background-position: -244px 0 !important; } @mixin icon-numpad-mixin() { background-position: -244px 0; height: 73px; width: 56px; } .icon-numpad { background-position: -244px 0; height: 73px; width: 56px; } // ICON offline-codes @mixin icon-offline-codes() { background-position: -244px -75px !important; } @mixin icon-offline-codes-mixin() { background-position: -244px -75px; height: 33px; width: 33px; } .icon-offline-codes { background-position: -244px -75px; height: 33px; width: 33px; } // ICON padlock @mixin icon-padlock() { background-position: -216px -123px !important; } @mixin icon-padlock-mixin() { background-position: -216px -123px; height: 32px; width: 22px; } .icon-padlock { background-position: -216px -123px; height: 32px; width: 22px; } // ICON refresh @mixin icon-refresh() { background-position: -213px -161px !important; } @mixin icon-refresh-mixin() { background-position: -213px -161px; height: 12px; width: 12px; } .icon-refresh { background-position: -213px -161px; height: 12px; width: 12px; } // ICON remove-hover @mixin icon-remove-hover() { background-position: -227px -161px !important; } @mixin icon-remove-hover-mixin() { background-position: -227px -161px; height: 10px; width: 10px; } .icon-remove-hover { background-position: -227px -161px; height: 10px; width: 10px; } // ICON remove @mixin icon-remove() { background-position: -156px -111px !important; } @mixin icon-remove-mixin() { background-position: -156px -111px; height: 10px; width: 10px; } .icon-remove { background-position: -156px -111px; height: 10px; width: 10px; } // ICON sms @mixin icon-sms() { background-position: -98px 0 !important; } @mixin icon-sms-mixin() { background-position: -98px 0; height: 87px; width: 94px; } .icon-sms { background-position: -98px 0; height: 87px; width: 94px; } // ICON support @mixin icon-support() { background-position: -194px -89px !important; } @mixin icon-support-mixin() { background-position: -194px -89px; height: 32px; width: 26px; } .icon-support { background-position: -194px -89px; height: 32px; width: 26px; } // ICON tick-admin @mixin icon-tick-admin() { background-position: -138px -89px !important; } @mixin icon-tick-admin-mixin() { background-position: -138px -89px; height: 20px; width: 30px; } .icon-tick-admin { background-position: -138px -89px; height: 20px; width: 30px; } // ICON tick-enabled @mixin icon-tick-enabled() { background-position: -194px -161px !important; } @mixin icon-tick-enabled-mixin() { background-position: -194px -161px; height: 12px; width: 17px; } .icon-tick-enabled { background-position: -194px -161px; height: 12px; width: 17px; } // ICON tick @mixin icon-tick() { background-position: -222px -107px !important; } @mixin icon-tick-mixin() { background-position: -222px -107px; height: 12px; width: 17px; } .icon-tick { background-position: -222px -107px; height: 12px; width: 17px; } // ICON token @mixin icon-token() { background-position: 0 0 !important; } @mixin icon-token-mixin() { background-position: 0 0; height: 87px; width: 96px; } .icon-token { background-position: 0 0; height: 87px; width: 96px; } // ICON tokens @mixin icon-tokens() { background-position: -279px -75px !important; } @mixin icon-tokens-mixin() { background-position: -279px -75px; height: 30px; width: 18px; } .icon-tokens { background-position: -279px -75px; height: 30px; width: 18px; } // ICON trusted @mixin icon-trusted() { background-position: -244px -142px !important; } @mixin icon-trusted-mixin() { background-position: -244px -142px; height: 22px; width: 30px; } .icon-trusted { background-position: -244px -142px; height: 22px; width: 30px; } // ICON turn-on-off @mixin icon-turn-on-off() { background-position: -276px -142px !important; } @mixin icon-turn-on-off-mixin() { background-position: -276px -142px; height: 17px; width: 16px; } .icon-turn-on-off { background-position: -276px -142px; height: 17px; width: 16px; } // ICON twofas-auth @mixin icon-twofas-auth() { background-position: -194px -123px !important; } @mixin icon-twofas-auth-mixin() { background-position: -194px -123px; height: 36px; width: 20px; } .icon-twofas-auth { background-position: -194px -123px; height: 36px; width: 20px; } // ICON vms @mixin icon-vms() { background-position: -244px -110px !important; } @mixin icon-vms-mixin() { background-position: -244px -110px; height: 30px; width: 30px; } .icon-vms { background-position: -244px -110px; height: 30px; width: 30px; }