Contents

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

@import "../common";

//-------------------- Button --------------------//

.button.pill { border-radius: $pill; }

//-------------------- ButtonGroup --------------------//

.button-group.pill {
    border-radius: $pill;

    > li:first-child .button,
    > .button:first-child,
    > .button.first {
        border-top-left-radius: $pill;
        border-bottom-left-radius: $pill;
    }

    > li:last-child .button,
    > .button:last-child,
    > .button.last {
        border-top-right-radius: $pill;
        border-bottom-right-radius: $pill;
    }
}

.button-group.button-group--vertical.pill {
    border-radius: $pill;

    .button { border-radius: 0; }

    > li:first-child .button,
    > .button:first-child {
        border-top-left-radius: $pill;
        border-top-right-radius: $pill;
    }

    > li:last-child .button,
    > .button:last-child {
        border-bottom-left-radius: $pill;
        border-bottom-right-radius: $pill;
    }
}

//-------------------- Pagination --------------------//

.pagination.pagination--grouped.pill {
    ul {
        border-radius: $pill;
    }

    li:first-child .button {
        border-top-left-radius: $pill;
        border-bottom-left-radius: $pill;
    }

    li:last-child .button {
        border-top-right-radius: $pill;
        border-bottom-right-radius: $pill;
    }
}

//-------------------- Visual --------------------//

.visual-gloss.pill:after {
    width: 90%;
    left: 5.5%;
    border-radius: 1rem 1rem 2rem 2rem / 1rem 1rem 1rem 1rem;
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
titon-toolkit-0.14.0	scss/toolkit/effects/pill.scss
titon-toolkit-0.13.2	scss/toolkit/effects/pill.scss