Sha256: e8fcf18597a8e6d1074b0fbe4df5b5562eddab3dcdc84226143823000257f5ac

Contents?: true

Size: 1.36 KB

Versions: 10

Compression:

Stored size: 1.36 KB

Contents

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

@import "../common";

@include export("input-group") {
    #{$inputGroup-class} {
        display: inline-block;
        vertical-align: middle;
        white-space: nowrap;

        > * {
            float: $align-direction;
            display: inline-block;
            position: relative;
            border-radius: 0;
            white-space: nowrap;
            height: auto;
            vertical-align: middle;

            &:hover { z-index: 1; }
            &:focus { z-index: 2; }
        }

        @include clear-fix;
    }

    #{$inputGroup-class-addon} {
        vertical-align: middle;
        line-height: normal;
        @include size-medium;

        @include is-small(false, true) { @include size-small; }
        @include is-large(false, true) { @include size-large; }
    }

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

    #{$inputGroup-class}#{$shape-round-class} {
        > *:first-child {
            border-top-#{$align-direction}-radius: $round;
            border-bottom-#{$align-direction}-radius: $round;
        }

        > *:last-child {
            border-top-#{$align-opposite-direction}-radius: $round;
            border-bottom-#{$align-opposite-direction}-radius: $round;
        }
    }
}

Version data entries

10 entries across 10 versions & 1 rubygems

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