Contents

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

@import "../common";

.accordion {
    list-style: none;
    text-align: left;
    margin: 0;
    padding: 0;
}

.accordion-head {
    padding: $padding;
    background: $gray;
    border: 1px solid $gray-dark;
    margin: -1px;
    cursor: pointer;

    .is-active & {
        background: $gray-dark;
        border-color: $gray-darkest;
    }
}

.accordion-body {
    padding: $padding;

    @include content-spacing;
}

// Handle is used for animations, do not style it!
.accordion-handle {
    overflow: hidden;
    position: relative;
    @include transition(all $accordion-transition ease-in-out);

    &.hide { max-height: 0; } // don't include on base styles
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
titon-toolkit-1.0.0.rc.2	scss/toolkit/components/accordion.scss
titon-toolkit-1.0.0.rc1	scss/toolkit/components/accordion.scss