Contents

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

@import "../common";

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

.#{$vendor-prefix}button.#{$shape-oval-class} { border-radius: #{$oval-x} / #{$oval-y}; }

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

.#{$vendor-prefix}pagination--grouped.#{$shape-oval-class} {
    ul {
        border-radius: #{$oval-x} / #{$oval-y};
    }

    li:first-child a {
        border-radius: #{$oval-x} 0 0 #{$oval-x} / #{$oval-y} 0 0 #{$oval-y};
    }

    li:last-child a {
        border-radius: 0 #{$oval-x} #{$oval-x} 0 / 0 #{$oval-y} #{$oval-y} 0;
    }
}

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

.#{$vendor-prefix}visual-gloss.#{$shape-oval-class}:after {
    width: 90%;
    left: 5.5%;
    border-radius: 5rem 5rem 4rem 4rem / 1.5rem 1.5rem 1.5rem 1.5rem;
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
titon-toolkit-1.1.0	scss/toolkit/effects/oval.scss
titon-toolkit-1.1.0.rc.2	scss/toolkit/effects/oval.scss
titon-toolkit-1.1.0.rc.1	scss/toolkit/effects/oval.scss