-///\r
-/// Phantom by HTML5 UP\r
-/// html5up.net | @ajlkn\r
-/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\r
-///\r
-\r
-/* Button */\r
-\r
- input[type="submit"],\r
- input[type="reset"],\r
- input[type="button"],\r
- button,\r
- .button {\r
- @include vendor('appearance', 'none');\r
- @include vendor('transition', (\r
- 'background-color #{_duration(transition)} ease-in-out',\r
- 'color #{_duration(transition)} ease-in-out',\r
- 'box-shadow #{_duration(transition)} ease-in-out'\r
- ));\r
- background-color: transparent;\r
- border-radius: _size(border-radius);\r
- border: 0;\r
- box-shadow: inset 0 0 0 (_size(border-width) * 2) _palette(fg);\r
- color: _palette(fg) !important;\r
- cursor: pointer;\r
- display: inline-block;\r
- font-size: 0.8em;\r
- font-weight: _font(weight-bold);\r
- height: 3.5em;\r
- letter-spacing: _font(letter-spacing);\r
- line-height: 3.45em;\r
- overflow: hidden;\r
- padding: 0 1.25em 0 #{1.25em + _font(letter-spacing)};\r
- text-align: center;\r
- text-decoration: none;\r
- text-overflow: ellipsis;\r
- text-transform: uppercase;\r
- white-space: nowrap;\r
-\r
- &.icon {\r
- &:before {\r
- margin-right: 0.5em;\r
- }\r
- }\r
-\r
- &.fit {\r
- display: block;\r
- margin: 0 0 (_size(element-margin) * 0.5) 0;\r
- width: 100%;\r
- }\r
-\r
- &:hover {\r
- color: _palette(accent1) !important;\r
- box-shadow: inset 0 0 0 (_size(border-width) * 2) _palette(accent1);\r
- }\r
-\r
- &:active {\r
- background-color: transparentize(_palette(accent1), 0.9);\r
- }\r
-\r
- &.small {\r
- font-size: 0.6em;\r
- }\r
-\r
- &.big {\r
- font-size: 1em;\r
- }\r
-\r
- &.special {\r
- box-shadow: none;\r
- background-color: _palette(fg);\r
- color: _palette(bg) !important;\r
-\r
- &:hover {\r
- background-color: _palette(accent1);\r
- }\r
-\r
- &:active {\r
- background-color: darken(_palette(accent1), 8);\r
- }\r
- }\r
-\r
- &.disabled,\r
- &:disabled {\r
- @include vendor('pointer-events', 'none');\r
- opacity: 0.25;\r
- }\r
- }
\ No newline at end of file