2d3ca553 |
1 | @charset "UTF-8"; |
2 | |
3 | //// |
4 | /// @type list |
5 | /// |
6 | /// @require {function} _assign-inputs |
7 | /// |
8 | /// @require {variable} $_buttons-list |
9 | //// |
10 | |
11 | /// A list of all HTML button elements. Please note that you must interpolate |
12 | /// the variable (`#{}`) to use it as a selector. |
13 | /// |
14 | /// @example scss |
15 | /// #{$all-buttons} { |
16 | /// background-color: #f00; |
17 | /// } |
18 | /// |
19 | /// // CSS Output |
20 | /// button, |
21 | /// [type='button'], |
22 | /// [type='reset'], |
23 | /// [type='submit'] { |
24 | /// background-color: #f00; |
25 | /// } |
26 | |
27 | $all-buttons: _assign-inputs($_buttons-list); |
28 | |
29 | /// A list of all HTML button elements with the `:active` pseudo-class applied. |
30 | /// Please note that you must interpolate the variable (`#{}`) to use it as a |
31 | /// selector. |
32 | /// |
33 | /// @example scss |
34 | /// #{$all-buttons-active} { |
35 | /// background-color: #00f; |
36 | /// } |
37 | /// |
38 | /// // CSS Output |
39 | /// button:active, |
40 | /// [type='button']:active, |
41 | /// [type='reset']:active, |
42 | /// [type='submit']:active { |
43 | /// background-color: #00f; |
44 | /// } |
45 | |
46 | $all-buttons-active: _assign-inputs($_buttons-list, active); |
47 | |
48 | /// A list of all HTML button elements with the `:focus` pseudo-class applied. |
49 | /// Please note that you must interpolate the variable (`#{}`) to use it as a |
50 | /// selector. |
51 | /// |
52 | /// @example scss |
53 | /// #{$all-buttons-focus} { |
54 | /// background-color: #0f0; |
55 | /// } |
56 | /// |
57 | /// // CSS Output |
58 | /// button:focus, |
59 | /// [type='button']:focus, |
60 | /// [type='reset']:focus, |
61 | /// [type='submit']:focus { |
62 | /// background-color: #0f0; |
63 | /// } |
64 | |
65 | $all-buttons-focus: _assign-inputs($_buttons-list, focus); |
66 | |
67 | /// A list of all HTML button elements with the `:hover` pseudo-class applied. |
68 | /// Please note that you must interpolate the variable (`#{}`) to use it as a |
69 | /// selector. |
70 | /// |
71 | /// @example scss |
72 | /// #{$all-buttons-hover} { |
73 | /// background-color: #0f0; |
74 | /// } |
75 | /// |
76 | /// // CSS Output |
77 | /// button:hover, |
78 | /// [type='button']:hover, |
79 | /// [type='reset']:hover, |
80 | /// [type='submit']:hover { |
81 | /// background-color: #0f0; |
82 | /// } |
83 | |
84 | $all-buttons-hover: _assign-inputs($_buttons-list, hover); |