Sha256: b3fef7f710968c9b661146c9f26a725e427aa3e2267a24f2bef2aa32cc4caead

Contents?: true

Size: 1.23 KB

Versions: 10

Compression:

Stored size: 1.23 KB

Contents

/**
 * @copyright   2010-2015, The Titon Project
 * @license     http://opensource.org/licenses/BSD-3-Clause
 * @link        http://titon.io
 */

@import "../common";

@include export("icon") {
    $icon-class-without-dot: remove-selector($icon-class);

    [class*="#{$icon-class-without-dot}-"] {
        @include reset-inline-block;
        background-repeat: no-repeat;
        speak: none;

        &.is-disabled { opacity: $disabled-opacity; }
    }

    @each $size in $icon-sizes {
        [class*="#{$icon-class-without-dot}-#{$size}"] { width: #{$size}px; height: #{$size}px; }
    }

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

    @if index($icon-modifiers, "90deg") {
        #{$icon-class-modifier-90deg} { transform: rotate(90deg); }
    }

    @if index($icon-modifiers, "180deg") {
        #{$icon-class-modifier-180deg} { transform: rotate(180deg); }
    }

    @if index($icon-modifiers, "270deg") {
        #{$icon-class-modifier-270deg} { transform: rotate(270deg); }
    }

    @if index($icon-modifiers, "flip") {
        #{$icon-class-modifier-flip} { transform: rotateY(180deg); }
    }

    @if index($icon-modifiers, "flip-vert") {
        #{$icon-class-modifier-flip-vert} { transform: rotateX(180deg); }
    }
}

Version data entries

10 entries across 10 versions & 1 rubygems

Version Path
titon-toolkit-2.1.9 scss/toolkit/components/icon.scss
titon-toolkit-2.1.8 scss/toolkit/components/icon.scss
titon-toolkit-2.1.7 scss/toolkit/components/icon.scss
titon-toolkit-2.1.6 scss/toolkit/components/icon.scss
titon-toolkit-2.1.5 scss/toolkit/components/icon.scss
titon-toolkit-2.1.4 scss/toolkit/components/icon.scss
titon-toolkit-2.1.3 scss/toolkit/components/icon.scss
titon-toolkit-2.1.2 scss/toolkit/components/icon.scss
titon-toolkit-2.1.1 scss/toolkit/components/icon.scss
titon-toolkit-2.1.0 scss/toolkit/components/icon.scss