Contents

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

@import "../common";

/**
 *    <button type="button" class="button large round">Large Rounded Button</button>
 *    <a href="" class="button small pill">Small Pill Button</a>
 */

.button {
    @include reset-inline-block;
    @include size-medium;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    font-weight: normal;
    line-height: normal;
    user-select: none;
    white-space: nowrap;
    background: $gray;
    border: 1px solid $gray-dark;

    &.small, .small & { @include size-small; }
    &.large, .large & { @include size-large; }
    &.round { border-radius: $round; }

    @include disabled-state {
        cursor: not-allowed;
        pointer-events: none;
    }
}

// Reset browser styles
button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
titon-toolkit-0.14.0	scss/toolkit/ui/button.scss
titon-toolkit-0.13.2	scss/toolkit/ui/button.scss