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

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