Contents

/**
 * @copyright   2010-2013, The Titon Project
 * @license     http://opensource.org/licenses/bsd-license.php
 * @link        http://titon.io
 */

@import "../common";

[class*="icon-"] {
    @include reset-inline-block;
    background-repeat: no-repeat;

    @include is-disabled { opacity: $disabled-opacity; }
}

[class*="icon-12"] { width: 12px; height: 12px; }
[class*="icon-16"] { width: 16px; height: 16px; }
[class*="icon-24"] { width: 24px; height: 24px; }
[class*="icon-32"] { width: 32px; height: 32px; }
[class*="icon-64"] { width: 64px; height: 64px; }

//-------------------- Modifiers --------------------//

.icon--90deg { @include transform(rotate(90deg)); }
.icon--180deg { @include transform(rotate(180deg)); }
.icon--270deg { @include transform(rotate(270deg)); }
.icon--flip { @include transform(rotateY(180deg)); }
.icon--flip-vert { @include transform(rotateX(180deg)); }

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
titon-toolkit-1.2.2	scss/toolkit/components/icon.scss
titon-toolkit-1.2.1	scss/toolkit/components/icon.scss
titon-toolkit-1.2.0	scss/toolkit/components/icon.scss