source: main/waeup-hugo/public/sass/components/_button.scss @ 17949

Last change on this file since 17949 was 14926, checked in by Henrik Bettermann, 7 years ago
File size: 1.7 KB
Line 
1///
2/// Dimension by HTML5 UP
3/// html5up.net | @ajlkn
4/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
5///
6
7/* Button */
8
9        input[type="submit"],
10        input[type="reset"],
11        input[type="button"],
12        button,
13        .button {
14                @include vendor('appearance', 'none');
15                @include vendor('transition', 'background-color #{_duration(transition)} ease-in-out, color #{_duration(transition)} ease-in-out');
16                background-color: transparent;
17                border-radius: _size(border-radius);
18                border: 0;
19                box-shadow: inset 0 0 0 _size(border-width) _palette(border);
20                color: _palette(fg-bold) !important;
21                cursor: pointer;
22                display: inline-block;
23                font-size: 0.8rem;
24                font-weight: _font(weight);
25                height: _size(element-height);
26                letter-spacing: _font(letter-spacing);
27                line-height: _size(element-height);
28                outline: 0;
29                padding: 0 1.25rem 0 (1.25rem + (_font(letter-spacing) * 0.5));
30                text-align: center;
31                text-decoration: none;
32                text-transform: uppercase;
33                white-space: nowrap;
34
35                &:hover {
36                        background-color: _palette(border-bg);
37                }
38
39                &:active {
40                        background-color: _palette(border-bg-alt);
41                }
42
43                &.icon {
44                        &:before {
45                                margin-right: 0.5em;
46                        }
47                }
48
49                &.fit {
50                        display: block;
51                        margin: 0 0 (_size(element-margin) * 0.5) 0;
52                        width: 100%;
53                }
54
55                &.special {
56                        background-color: _palette(fg-bold);
57                        color: _palette(bg) !important;
58                        font-weight: _font(weight-bold);
59
60                        &:hover {
61                        }
62
63                        &:active {
64                        }
65                }
66
67                &.disabled,
68                &:disabled {
69                        @include vendor('pointer-events', 'none');
70                        cursor: default;
71                        opacity: 0.25;
72                }
73        }
74
75        input[type="submit"],
76        input[type="reset"],
77        input[type="button"],
78        button {
79                line-height: calc(#{_size(element-height)} - 2px);
80        }
Note: See TracBrowser for help on using the repository browser.