Contents

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

@import "../_common";

.input-group {
    display: inline-block;

    > .input,
    > .input-addon,
    > .button,
    > .button-group {
        display: inline-block;
        position: relative;
        border-radius: 0;
        margin-right: -6px; // Remove whitespace and overlap borders
        white-space: nowrap;
        height: auto;
        vertical-align: middle;
    }

    // Inputs should always be above everything else
    > .input { z-index: 1; }
}

.input-addon {
    border: 1px solid $gray-dark;
    background: $gray;
    vertical-align: middle;
    padding: $medium-padding;
    line-height: normal;
    font-size: inherit;
}

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

.input-group.round {
    > .input:first-child,
    > .input-addon:first-child,
    > .button:first-child,
    > .button-group:first-child .button {
        border-top-left-radius: $round;
        border-bottom-left-radius: $round;
    }

    > .input:last-child,
    > .input-addon:last-child,
    > .button:last-child,
    > .button-group:last-child .button {
        border-top-right-radius: $round;
        border-bottom-right-radius: $round;
    }
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
titon-toolkit-0.11.1	scss/toolkit/layout/input-group.scss
titon-toolkit-0.11.0	scss/toolkit/layout/input-group.scss