src/scss/toolkit/ui/button.scss in titon-toolkit-0.9.4 vs src/scss/toolkit/ui/button.scss in titon-toolkit-0.10.0
- old
+ new
@@ -1,48 +1,48 @@
/**
- * @copyright Copyright 2010-2013, The Titon Project
- * @license http://opensource.org/licenses/bsd-license.php
- * @link http://titon.io
+ * @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 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;
- cursor: pointer;
- text-align: center;
- overflow: hidden;
- font-weight: normal;
- line-height: normal; // setting it to normal allows it to match form input heights
- user-select: none;
- white-space: nowrap;
- @include size-medium;
- background: $gray;
- border: 1px solid $gray-dark;
+ @include reset-inline-block;
+ cursor: pointer;
+ text-align: center;
+ overflow: hidden;
+ font-weight: normal;
+ line-height: normal; // Setting it to normal allows it to match form input heights
+ user-select: none;
+ white-space: nowrap;
+ @include size-medium;
+ background: $gray;
+ border: 1px solid $gray-dark;
- // Sizes
- &.small, .small & { @include size-small; }
- &.large, .large & { @include size-large; }
+ // Sizes
+ &.small, .small & { @include size-small; }
+ &.large, .large & { @include size-large; }
- // Shapes
- &.round { border-radius: $round; }
- &.pill { border-radius: $pill; }
- &.oval { border-radius: #{$oval-x} / #{$oval-y}; }
- &.skew { border-radius: #{$skew-x $skew-x} 0 0 / #{$skew-y $skew-y} 0 0; }
+ // Shapes
+ &.round { border-radius: $round; }
+ &.pill { border-radius: $pill; }
+ &.oval { border-radius: #{$oval-x} / #{$oval-y}; }
+ &.skew { border-radius: #{$skew-x $skew-x} 0 0 / #{$skew-y $skew-y} 0 0; }
- // State
- @include disabled-state {
- cursor: not-allowed;
- pointer-events: none;
- }
+ // State
+ @include disabled-state {
+ cursor: not-allowed;
+ pointer-events: none;
+ }
}
// Reset browser styles
button::-moz-focus-inner {
- padding: 0;
- border: 0;
+ padding: 0;
+ border: 0;
}
\ No newline at end of file