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; }

.#{$vendor-prefix}button {
    [class*="icon-"] { margin-top: -1px; }
}

//-------------------- 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)); }

@include keyframes(rotate) {
    from { @include transform(rotate(0deg)); }
    to { @include transform(rotate(360deg)); }
}

.icon--rotate {
    @include animation(rotate $icon-animation infinite linear);
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
titon-toolkit-1.1.0	scss/toolkit/components/icon.scss
titon-toolkit-1.1.0.rc.2	scss/toolkit/components/icon.scss
titon-toolkit-1.1.0.rc.1	scss/toolkit/components/icon.scss