Mercurial > nebulaweb3

comparison default/assets/scss/vendors/bourbon/library/_buttons.scss @ 0:1d038bc9b3d2 default tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Up:default
author Liny <dev@neowd.com>
date Sat, 31 May 2025 09:21:51 +0800
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:1d038bc9b3d2
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);