Contents

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

@import "../common";

$matrix-transition: $default-transition !default;

/**
 * Should be used in conjunction with the JavaScript Titon.Matrix component.
 */

.matrix {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;

    @include clear-fix;

    &.no-columns .matrix-item {
        position: relative !important;
    }
}

.matrix-item {
    margin: 0;
    padding: 0;
    position: absolute;
    @include transition(top $matrix-transition, left $matrix-transition, bottom $matrix-transition, right $matrix-transition, opacity $matrix-transition);

    img {
        max-width: 100%;
        width: 100%;
        height: auto;
        display: block;
    }
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
titon-toolkit-0.14.0	scss/toolkit/ui/matrix.scss
titon-toolkit-0.13.2	scss/toolkit/ui/matrix.scss