Sha256: 8e97cb66fcea8f7820e612373a2419e14ea9e5cd1033f23ab1a2eb3e4657fcbc

Contents?: true

Size: 1.65 KB

Versions: 3

Compression:

Stored size: 1.65 KB

Contents

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

@import "../common";

.#{$vendor-prefix}input-group {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;

    > .#{$vendor-prefix}input,
    > .#{$vendor-prefix}input-addon,
    > .#{$vendor-prefix}button,
    > .#{$vendor-prefix}button-group {
        float: left;
        display: inline-block;
        position: relative;
        border-radius: 0;
        margin-right: -1px;
        white-space: nowrap;
        height: auto;
        vertical-align: middle;

        &:last-child { margin-right: 0; }
        &:hover { z-index: 1; }
        &:focus { z-index: 2; }
    }

    @include clear-fix;
}

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

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

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

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

Version data entries

3 entries across 3 versions & 1 rubygems

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