@graupl/graupl 1.0.0-beta.0 → 1.0.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (170) hide show
  1. package/CHANGELOG.md +35 -0
  2. package/dist/css/base/button.css +1 -1
  3. package/dist/css/base/button.css.map +1 -1
  4. package/dist/css/base/form.css +1 -1
  5. package/dist/css/base/form.css.map +1 -1
  6. package/dist/css/base/link.css +1 -1
  7. package/dist/css/base/link.css.map +1 -1
  8. package/dist/css/base/table.css +1 -1
  9. package/dist/css/base/table.css.map +1 -1
  10. package/dist/css/base.css +1 -1
  11. package/dist/css/base.css.map +1 -1
  12. package/dist/css/component/accordion.css +1 -1
  13. package/dist/css/component/accordion.css.map +1 -1
  14. package/dist/css/component/alert.css +1 -1
  15. package/dist/css/component/alert.css.map +1 -1
  16. package/dist/css/component/card.css +1 -1
  17. package/dist/css/component/card.css.map +1 -1
  18. package/dist/css/component/carousel.css +1 -1
  19. package/dist/css/component/carousel.css.map +1 -1
  20. package/dist/css/component/input-group.css +1 -1
  21. package/dist/css/component/input-group.css.map +1 -1
  22. package/dist/css/component/list.css +2 -0
  23. package/dist/css/component/list.css.map +1 -0
  24. package/dist/css/component/menu.css +1 -1
  25. package/dist/css/component/menu.css.map +1 -1
  26. package/dist/css/component/navigation.css +1 -1
  27. package/dist/css/component/navigation.css.map +1 -1
  28. package/dist/css/component.css +1 -1
  29. package/dist/css/component.css.map +1 -1
  30. package/dist/css/graupl.css +1 -1
  31. package/dist/css/graupl.css.map +1 -1
  32. package/dist/css/layout/columns.css.map +1 -1
  33. package/dist/css/layout/container.css.map +1 -1
  34. package/dist/css/layout/flex-columns.css.map +1 -1
  35. package/dist/css/layout.css +1 -1
  36. package/dist/css/layout.css.map +1 -1
  37. package/dist/css/normalize.css.map +1 -1
  38. package/dist/css/state/focus.css +1 -1
  39. package/dist/css/state/focus.css.map +1 -1
  40. package/dist/css/state.css +1 -1
  41. package/dist/css/state.css.map +1 -1
  42. package/dist/css/theme/color.css.map +1 -1
  43. package/dist/css/theme/typography.css.map +1 -1
  44. package/dist/css/theme.css.map +1 -1
  45. package/dist/css/utilities/alignment.css.map +1 -1
  46. package/dist/css/utilities/border.css +2 -0
  47. package/dist/css/utilities/border.css.map +1 -0
  48. package/dist/css/utilities/color.css +1 -1
  49. package/dist/css/utilities/color.css.map +1 -1
  50. package/dist/css/utilities/display.css +1 -1
  51. package/dist/css/utilities/display.css.map +1 -1
  52. package/dist/css/utilities/flex.css +1 -1
  53. package/dist/css/utilities/flex.css.map +1 -1
  54. package/dist/css/utilities/height.css +1 -1
  55. package/dist/css/utilities/height.css.map +1 -1
  56. package/dist/css/utilities/inset.css +1 -1
  57. package/dist/css/utilities/inset.css.map +1 -1
  58. package/dist/css/utilities/justification.css.map +1 -1
  59. package/dist/css/utilities/list.css.map +1 -1
  60. package/dist/css/utilities/order.css.map +1 -1
  61. package/dist/css/utilities/postion.css +1 -1
  62. package/dist/css/utilities/postion.css.map +1 -1
  63. package/dist/css/utilities/ratio.css +1 -1
  64. package/dist/css/utilities/ratio.css.map +1 -1
  65. package/dist/css/utilities/spacing.css +1 -1
  66. package/dist/css/utilities/spacing.css.map +1 -1
  67. package/dist/css/utilities/typography.css +1 -1
  68. package/dist/css/utilities/typography.css.map +1 -1
  69. package/dist/css/utilities/visibility.css.map +1 -1
  70. package/dist/css/utilities/width.css +1 -1
  71. package/dist/css/utilities/width.css.map +1 -1
  72. package/dist/css/utilities.css +1 -1
  73. package/dist/css/utilities.css.map +1 -1
  74. package/docs/components/alert.md +28 -28
  75. package/docs/components/button.md +36 -36
  76. package/docs/components/card.md +39 -39
  77. package/docs/components/inputgroup.md +12 -12
  78. package/docs/components/menu.md +112 -112
  79. package/docs/components/navigation.md +52 -52
  80. package/docs/content.md +86 -86
  81. package/docs/defaults.md +10 -10
  82. package/docs/forms.md +34 -34
  83. package/docs/layout.md +21 -21
  84. package/docs/state.md +8 -8
  85. package/docs/theme.md +58 -58
  86. package/docs/utilities.md +1 -1
  87. package/index.html +84 -12
  88. package/package.json +1 -1
  89. package/scss/component/list.scss +3 -0
  90. package/scss/utilities/border.scss +3 -0
  91. package/src/scss/_defaults.scss +14 -5
  92. package/src/scss/_variables.scss +10 -10
  93. package/src/scss/base/button/_index.scss +70 -70
  94. package/src/scss/base/button/_mixins.scss +22 -22
  95. package/src/scss/base/button/_variables.scss +36 -36
  96. package/src/scss/base/form/_variables.scss +34 -37
  97. package/src/scss/base/link/_index.scss +41 -41
  98. package/src/scss/base/link/_variables.scss +60 -60
  99. package/src/scss/base/table/_index.scss +7 -7
  100. package/src/scss/base/table/_variables.scss +26 -26
  101. package/src/scss/component/_index.scss +1 -0
  102. package/src/scss/component/accordion/_index.scss +6 -6
  103. package/src/scss/component/accordion/_variables.scss +65 -65
  104. package/src/scss/component/alert/_index.scss +11 -11
  105. package/src/scss/component/alert/_variables.scss +40 -43
  106. package/src/scss/component/card/_index.scss +6 -6
  107. package/src/scss/component/card/_variables.scss +39 -39
  108. package/src/scss/component/carousel/_index.scss +3 -3
  109. package/src/scss/component/carousel/_variables.scss +21 -21
  110. package/src/scss/component/input-group/_index.scss +1 -1
  111. package/src/scss/component/input-group/_variables.scss +12 -12
  112. package/src/scss/component/list/_defaults.scss +15 -0
  113. package/src/scss/component/list/_index.scss +50 -0
  114. package/src/scss/component/list/_variables.scss +176 -0
  115. package/src/scss/component/menu/_index.scss +135 -135
  116. package/src/scss/component/menu/_variables.scss +112 -112
  117. package/src/scss/component/navigation/_index.scss +38 -38
  118. package/src/scss/component/navigation/_variables.scss +52 -52
  119. package/src/scss/functions/_screen.scss +8 -0
  120. package/src/scss/functions/_utility.scss +28 -0
  121. package/src/scss/layout/columns/_index.scss +6 -6
  122. package/src/scss/layout/columns/_variables.scss +7 -7
  123. package/src/scss/layout/container/_variables.scss +10 -10
  124. package/src/scss/layout/flex-columns/_index.scss +8 -8
  125. package/src/scss/layout/flex-columns/_variables.scss +4 -4
  126. package/src/scss/mixins/_layer.scss +5 -1
  127. package/src/scss/mixins/_screen.scss +24 -3
  128. package/src/scss/mixins/_state.scss +18 -0
  129. package/src/scss/mixins/_theme.scss +15 -0
  130. package/src/scss/mixins/_utility.scss +119 -17
  131. package/src/scss/state/focus/_variables.scss +8 -8
  132. package/src/scss/theme/color/_index.scss +7 -7
  133. package/src/scss/theme/color/_variables.scss +7 -7
  134. package/src/scss/theme/typography/_variables.scss +52 -52
  135. package/src/scss/utilities/_index.scss +1 -0
  136. package/src/scss/utilities/alignment/_defaults.scss +7 -5
  137. package/src/scss/utilities/alignment/_index.scss +117 -24
  138. package/src/scss/utilities/border/_defaults.scss +61 -0
  139. package/src/scss/utilities/border/_index.scss +269 -0
  140. package/src/scss/utilities/border/_variables.scss +6 -0
  141. package/src/scss/utilities/color/_defaults.scss +6 -4
  142. package/src/scss/utilities/color/_index.scss +137 -26
  143. package/src/scss/utilities/display/_defaults.scss +8 -4
  144. package/src/scss/utilities/display/_index.scss +88 -15
  145. package/src/scss/utilities/flex/_defaults.scss +30 -6
  146. package/src/scss/utilities/flex/_index.scss +215 -31
  147. package/src/scss/utilities/height/_defaults.scss +7 -5
  148. package/src/scss/utilities/height/_index.scss +183 -45
  149. package/src/scss/utilities/inset/_defaults.scss +4 -2
  150. package/src/scss/utilities/inset/_index.scss +58 -5
  151. package/src/scss/utilities/justification/_defaults.scss +7 -5
  152. package/src/scss/utilities/justification/_index.scss +117 -24
  153. package/src/scss/utilities/list/_defaults.scss +6 -4
  154. package/src/scss/utilities/list/_index.scss +86 -17
  155. package/src/scss/utilities/order/_defaults.scss +5 -3
  156. package/src/scss/utilities/order/_index.scss +68 -20
  157. package/src/scss/utilities/position/_defaults.scss +5 -3
  158. package/src/scss/utilities/position/_index.scss +55 -10
  159. package/src/scss/utilities/ratio/_defaults.scss +7 -5
  160. package/src/scss/utilities/ratio/_index.scss +51 -12
  161. package/src/scss/utilities/ratio/_variables.scss +1 -1
  162. package/src/scss/utilities/spacing/_defaults.scss +4 -2
  163. package/src/scss/utilities/spacing/_index.scss +241 -28
  164. package/src/scss/utilities/typography/_defaults.scss +21 -5
  165. package/src/scss/utilities/typography/_index.scss +577 -143
  166. package/src/scss/utilities/visibility/_defaults.scss +5 -3
  167. package/src/scss/utilities/visibility/_index.scss +56 -10
  168. package/src/scss/utilities/width/_defaults.scss +7 -5
  169. package/src/scss/utilities/width/_index.scss +183 -45
  170. package/stylelint.config.js +1 -0
package/docs/components/button.md CHANGED
@@ -20,65 +20,65 @@ $button-disabled-transform: $button-transform !default;
20
20
  Button Properties
21
21
 
22
22
  ```jsx
23
- --#{root-defaults.$prefix}-button-min-width
24
- --#{root-defaults.$prefix}-button-min-height
25
- --#{root-defaults.$prefix}-button-padding-x
26
- --#{root-defaults.$prefix}-button-padding-y
27
- --#{root-defaults.$prefix}-button-padding
28
- --#{root-defaults.$prefix}-button-font-size
29
- --#{root-defaults.$prefix}-button-transition
30
- --#{root-defaults.$prefix}-button-transition-reduced-motion
23
+ --#{root-defaults.$prefix}button-min-width
24
+ --#{root-defaults.$prefix}button-min-height
25
+ --#{root-defaults.$prefix}button-padding-x
26
+ --#{root-defaults.$prefix}button-padding-y
27
+ --#{root-defaults.$prefix}button-padding
28
+ --#{root-defaults.$prefix}button-font-size
29
+ --#{root-defaults.$prefix}button-transition
30
+ --#{root-defaults.$prefix}button-transition-reduced-motion
31
31
  ```
32
32
 
33
33
  Transform Properties
34
34
 
35
35
  ```jsx
36
- --#{root-defaults.$prefix}-button-transform
37
- --#{root-defaults.$prefix}-button-visited-transform
38
- --#{root-defaults.$prefix}-button-focus-transform
39
- --#{root-defaults.$prefix}-button-hover-transform
40
- --#{root-defaults.$prefix}-button-active-transform
41
- --#{root-defaults.$prefix}-button-disabled-transform
36
+ --#{root-defaults.$prefix}button-transform
37
+ --#{root-defaults.$prefix}button-visited-transform
38
+ --#{root-defaults.$prefix}button-focus-transform
39
+ --#{root-defaults.$prefix}button-hover-transform
40
+ --#{root-defaults.$prefix}button-active-transform
41
+ --#{root-defaults.$prefix}button-disabled-transform
42
42
  ```
43
43
 
44
44
  Background Properties
45
45
 
46
46
  ```jsx
47
- --#{root-defaults.$prefix}-button-background
48
- --#{root-defaults.$prefix}-button-visited-background
49
- --#{root-defaults.$prefix}-button-focus-background
50
- --#{root-defaults.$prefix}-button-hover-background
51
- --#{root-defaults.$prefix}-button-active-background
52
- --#{root-defaults.$prefix}-button-disabled-background
47
+ --#{root-defaults.$prefix}button-background
48
+ --#{root-defaults.$prefix}button-visited-background
49
+ --#{root-defaults.$prefix}button-focus-background
50
+ --#{root-defaults.$prefix}button-hover-background
51
+ --#{root-defaults.$prefix}button-active-background
52
+ --#{root-defaults.$prefix}button-disabled-background
53
53
  ```
54
54
 
55
55
  Text Properties
56
56
 
57
57
  ```jsx
58
- --#{root-defaults.$prefix}-button-color
59
- --#{root-defaults.$prefix}-button-visited-color
60
- --#{root-defaults.$prefix}-button-focus-color
61
- --#{root-defaults.$prefix}-button-hover-color
62
- --#{root-defaults.$prefix}-button-active-color
63
- --#{root-defaults.$prefix}-button-disabled-color
58
+ --#{root-defaults.$prefix}button-color
59
+ --#{root-defaults.$prefix}button-visited-color
60
+ --#{root-defaults.$prefix}button-focus-color
61
+ --#{root-defaults.$prefix}button-hover-color
62
+ --#{root-defaults.$prefix}button-active-color
63
+ --#{root-defaults.$prefix}button-disabled-color
64
64
  ```
65
65
 
66
66
  Border Properties
67
67
 
68
68
  ```jsx
69
- --#{root-defaults.$prefix}-button-border-width
70
- --#{root-defaults.$prefix}-botton-border-style
71
- --#{root-defaults.$prefix}-button-border
72
- --#{root-defaults.$prefix}-button-border-radius
69
+ --#{root-defaults.$prefix}button-border-width
70
+ --#{root-defaults.$prefix}botton-border-style
71
+ --#{root-defaults.$prefix}button-border
72
+ --#{root-defaults.$prefix}button-border-radius
73
73
  ```
74
74
 
75
75
  Border Colour Properties
76
76
 
77
77
  ```jsx
78
- --#{root-defaults.$prefix}-button-border-color
79
- --#{root-defaults.$prefix}-button-visited-border-color
80
- --#{root-defaults.$prefix}-button-focus-border-color
81
- --#{root-defaults.$prefix}-button-hover-border-color
82
- --#{root-defaults.$prefix}-button-active-border-color
83
- --#{root-defaults.$prefix}-button-disabled-border-color
78
+ --#{root-defaults.$prefix}button-border-color
79
+ --#{root-defaults.$prefix}button-visited-border-color
80
+ --#{root-defaults.$prefix}button-focus-border-color
81
+ --#{root-defaults.$prefix}button-hover-border-color
82
+ --#{root-defaults.$prefix}button-active-border-color
83
+ --#{root-defaults.$prefix}button-disabled-border-color
84
84
  ```
package/docs/components/card.md CHANGED
@@ -34,90 +34,90 @@ Variables
34
34
  Card Properties
35
35
 
36
36
  ```jsx
37
- --#{root-defaults.$prefix}-card-padding-x
38
- --#{root-defaults.$prefix}-card-padding-y
39
- --#{root-defaults.$prefix}-card-padding
40
- --#{root-defaults.$prefix}-card-transition
41
- --#{root-defaults.$prefix}-card-transition-reduced-motion
37
+ --#{root-defaults.$prefix}card-padding-x
38
+ --#{root-defaults.$prefix}card-padding-y
39
+ --#{root-defaults.$prefix}card-padding
40
+ --#{root-defaults.$prefix}card-transition
41
+ --#{root-defaults.$prefix}card-transition-reduced-motion
42
42
  ```
43
43
 
44
44
  Card transform properties
45
45
 
46
46
  ```jsx
47
- --#{root-defaults.$prefix}-card-transform
48
- --#{root-defaults.$prefix}-card-hover-transform
47
+ --#{root-defaults.$prefix}card-transform
48
+ --#{root-defaults.$prefix}card-hover-transform
49
49
  ```
50
50
 
51
51
  Card gap properties
52
52
 
53
53
  ```jsx
54
- --#{root-defaults.$prefix}-card-column-gap
55
- --#{root-defaults.$prefix}-card-row-gap
56
- --#{root-defaults.$prefix}-card-gap
54
+ --#{root-defaults.$prefix}card-column-gap
55
+ --#{root-defaults.$prefix}card-row-gap
56
+ --#{root-defaults.$prefix}card-gap
57
57
  ```
58
58
 
59
59
  Card color properties
60
60
 
61
61
  ```jsx
62
- --#{root-defaults.$prefix}-card-background
63
- --#{root-defaults.$prefix}-card-color
62
+ --#{root-defaults.$prefix}card-background
63
+ --#{root-defaults.$prefix}card-color
64
64
  ```
65
65
 
66
66
  Card border-properties
67
67
 
68
68
  ```jsx
69
- --#{root-defaults.$prefix}-card-border-color
70
- --#{root-defaults.$prefix}-card-top-left-border-radius
71
- --#{root-defaults.$prefix}-card-top-right-border-radius
72
- --#{root-defaults.$prefix}-card-bottom-left-border-radius
73
- --#{root-defaults.$prefix}-card-bottom-right-border-radius
74
- --#{root-defaults.$prefix}-card-border-radius
75
- --#{root-defaults.$prefix}-card-border-style
76
- --#{root-defaults.$prefix}-card-border-width
77
- --#{root-defaults.$prefix}-card-border
69
+ --#{root-defaults.$prefix}card-border-color
70
+ --#{root-defaults.$prefix}card-top-left-border-radius
71
+ --#{root-defaults.$prefix}card-top-right-border-radius
72
+ --#{root-defaults.$prefix}card-bottom-left-border-radius
73
+ --#{root-defaults.$prefix}card-bottom-right-border-radius
74
+ --#{root-defaults.$prefix}card-border-radius
75
+ --#{root-defaults.$prefix}card-border-style
76
+ --#{root-defaults.$prefix}card-border-width
77
+ --#{root-defaults.$prefix}card-border
78
78
  ```
79
79
 
80
80
  Card layout properties
81
81
 
82
82
  ```jsx
83
- --#{root-defaults.$prefix}-card-content-ratio
84
- --#{root-defaults.$prefix}-card-image-ratio
85
- --#{root-defaults.$prefix}-horizontal-card-content-ratio
86
- --#{root-defaults.$prefix}-horizontal-card-image-ratio
83
+ --#{root-defaults.$prefix}card-content-ratio
84
+ --#{root-defaults.$prefix}card-image-ratio
85
+ --#{root-defaults.$prefix}horizontal-card-content-ratio
86
+ --#{root-defaults.$prefix}horizontal-card-image-ratio
87
87
  ```
88
88
 
89
89
  Card Image Properties
90
90
 
91
91
  ```jsx
92
- --#{root-defaults.$prefix}-card-image-padding-x
93
- --#{root-defaults.$prefix}-card-image-padding-y
94
- --#{root-defaults.$prefix}-card-image-padding
92
+ --#{root-defaults.$prefix}card-image-padding-x
93
+ --#{root-defaults.$prefix}card-image-padding-y
94
+ --#{root-defaults.$prefix}card-image-padding
95
95
  ```
96
96
 
97
97
  Card content properties
98
98
 
99
99
  ```jsx
100
- --#{root-defaults.$prefix}-card-content-padding-x
101
- --#{root-defaults.$prefix}-card-content-padding-y
102
- --#{root-defaults.$prefix}-card-content-padding
100
+ --#{root-defaults.$prefix}card-content-padding-x
101
+ --#{root-defaults.$prefix}card-content-padding-y
102
+ --#{root-defaults.$prefix}card-content-padding
103
103
  ```
104
104
 
105
105
  Card content gap properties
106
106
 
107
107
  ```jsx
108
- --#{root-defaults.$prefix}-card-content-column-gap
109
- --#{root-defaults.$prefix}-card-content-row-gap
110
- --#{root-defaults.$prefix}-card-content-gap
108
+ --#{root-defaults.$prefix}card-content-column-gap
109
+ --#{root-defaults.$prefix}card-content-row-gap
110
+ --#{root-defaults.$prefix}card-content-gap
111
111
  ```
112
112
 
113
113
  Card title properties
114
114
 
115
115
  ```jsx
116
- --#{root-defaults.$prefix}-card-title-color
117
- --#{root-defaults.$prefix}-card-title-font-size
118
- --#{root-defaults.$prefix}-card-title-font-weight
119
- --#{root-defaults.$prefix}-card-title-font-family
120
- --#{root-defaults.$prefix}-card-title-line-height
116
+ --#{root-defaults.$prefix}card-title-color
117
+ --#{root-defaults.$prefix}card-title-font-size
118
+ --#{root-defaults.$prefix}card-title-font-weight
119
+ --#{root-defaults.$prefix}card-title-font-family
120
+ --#{root-defaults.$prefix}card-title-line-height
121
121
  ```
122
122
 
123
123
  Markup
package/docs/components/inputgroup.md CHANGED
@@ -32,28 +32,28 @@ Variables
32
32
  Input group properties
33
33
 
34
34
  ```jsx
35
- --#{root-defaults.$prefix}-input-group-grid-template-areas
36
- --#{root-defaults.$prefix}-input-group-grid-template-columns
37
- --#{root-defaults.$prefix}-input-group-grid-template-rows
38
- --#{root-defaults.$prefix}-input-group-row-gap
39
- --#{root-defaults.$prefix}-input-group-column-gap
40
- --#{root-defaults.$prefix}-input-group-gap
35
+ --#{root-defaults.$prefix}input-group-grid-template-areas
36
+ --#{root-defaults.$prefix}input-group-grid-template-columns
37
+ --#{root-defaults.$prefix}input-group-grid-template-rows
38
+ --#{root-defaults.$prefix}input-group-row-gap
39
+ --#{root-defaults.$prefix}input-group-column-gap
40
+ --#{root-defaults.$prefix}input-group-gap
41
41
  ```
42
42
 
43
43
  Inline input group properties
44
44
 
45
45
  ```jsx
46
- --#{root-defaults.$prefix}-input-group-inline-grid-template-areas
47
- --#{root-defaults.$prefix}-input-group-inline-grid-template-columns
48
- --#{root-defaults.$prefix}-input-group-inline-grid-template-rows
46
+ --#{root-defaults.$prefix}input-group-inline-grid-template-areas
47
+ --#{root-defaults.$prefix}input-group-inline-grid-template-columns
48
+ --#{root-defaults.$prefix}input-group-inline-grid-template-rows
49
49
  ```
50
50
 
51
51
  Inner element properties
52
52
 
53
53
  ```jsx
54
- --#{root-defaults.$prefix}-input-group-label-grid-area
55
- --#{root-defaults.$prefix}-input-group-input-grid-area
56
- --#{root-defaults.$prefix}-input-group-help-grid-area
54
+ --#{root-defaults.$prefix}input-group-label-grid-area
55
+ --#{root-defaults.$prefix}input-group-input-grid-area
56
+ --#{root-defaults.$prefix}input-group-help-grid-area
57
57
  ```
58
58
 
59
59
  Markup
package/docs/components/menu.md CHANGED
@@ -68,232 +68,232 @@ Variables
68
68
  The menu properties:
69
69
 
70
70
  ```scss
71
- --#{root-defaults.$prefix}-menu-flex-direction
72
- --#{root-defaults.$prefix}-menu-padding-x
73
- --#{root-defaults.$prefix}-menu-padding-y
74
- --#{root-defaults.$prefix}-menu-padding
71
+ --#{root-defaults.$prefix}menu-flex-direction
72
+ --#{root-defaults.$prefix}menu-padding-x
73
+ --#{root-defaults.$prefix}menu-padding-y
74
+ --#{root-defaults.$prefix}menu-padding
75
75
 
76
76
  ```
77
77
 
78
78
  The menu gap properties:
79
79
 
80
80
  ```scss
81
- --#{root-defaults.$prefix}-menu-column-gap
82
- --#{root-defaults.$prefix}-menu-row-gap
83
- --#{root-defaults.$prefix}-menu-gap
81
+ --#{root-defaults.$prefix}menu-column-gap
82
+ --#{root-defaults.$prefix}menu-row-gap
83
+ --#{root-defaults.$prefix}menu-gap
84
84
 
85
85
  ```
86
86
 
87
87
  The menu display properties:
88
88
 
89
89
  ```scss
90
- --#{root-defaults.$prefix}-menu-show-display
91
- --#{root-defaults.$prefix}-menu-hide-display
92
- --#{root-defaults.$prefix}-menu-display
90
+ --#{root-defaults.$prefix}menu-show-display
91
+ --#{root-defaults.$prefix}menu-hide-display
92
+ --#{root-defaults.$prefix}menu-display
93
93
 
94
94
  ```
95
95
 
96
96
  The menu color properties:
97
97
 
98
98
  ```scss
99
- --#{root-defaults.$prefix}-menu-background
100
- --#{root-defaults.$prefix}-menu-color
99
+ --#{root-defaults.$prefix}menu-background
100
+ --#{root-defaults.$prefix}menu-color
101
101
 
102
102
  ```
103
103
 
104
104
  The menu border properties:
105
105
 
106
106
  ```scss
107
- --#{root-defaults.$prefix}-menu-border-color
108
- --#{root-defaults.$prefix}-menu-border-radius
109
- --#{root-defaults.$prefix}-menu-border-style
110
- --#{root-defaults.$prefix}-menu-border-width
111
- --#{root-defaults.$prefix}-menu-border
107
+ --#{root-defaults.$prefix}menu-border-color
108
+ --#{root-defaults.$prefix}menu-border-radius
109
+ --#{root-defaults.$prefix}menu-border-style
110
+ --#{root-defaults.$prefix}menu-border-width
111
+ --#{root-defaults.$prefix}menu-border
112
112
 
113
113
  ```
114
114
 
115
115
  The submenu properties:
116
116
 
117
117
  ```scss
118
- --#{root-defaults.$prefix}-submenu-flex-direction
119
- --#{root-defaults.$prefix}-submenu-z-index
120
- --#{root-defaults.$prefix}-submenu-padding-x
121
- --#{root-defaults.$prefix}-submenu-padding-y
122
- --#{root-defaults.$prefix}-submenu-padding
118
+ --#{root-defaults.$prefix}submenu-flex-direction
119
+ --#{root-defaults.$prefix}submenu-z-index
120
+ --#{root-defaults.$prefix}submenu-padding-x
121
+ --#{root-defaults.$prefix}submenu-padding-y
122
+ --#{root-defaults.$prefix}submenu-padding
123
123
 
124
124
  ```
125
125
 
126
126
  The submenu gap properties:
127
127
 
128
128
  ```scss
129
- --#{root-defaults.$prefix}-submenu-column-gap
130
- --#{root-defaults.$prefix}-submenu-row-gap
131
- --#{root-defaults.$prefix}-submenu-gap
129
+ --#{root-defaults.$prefix}submenu-column-gap
130
+ --#{root-defaults.$prefix}submenu-row-gap
131
+ --#{root-defaults.$prefix}submenu-gap
132
132
 
133
133
  ```
134
134
 
135
135
  The submenu display properties:
136
136
 
137
137
  ```scss
138
- --#{root-defaults.$prefix}-submenu-show-display
139
- --#{root-defaults.$prefix}-submenu-hide-display
140
- --#{root-defaults.$prefix}-submenu-display
138
+ --#{root-defaults.$prefix}submenu-show-display
139
+ --#{root-defaults.$prefix}submenu-hide-display
140
+ --#{root-defaults.$prefix}submenu-display
141
141
 
142
142
  ```
143
143
 
144
144
  The submenu color properties:
145
145
 
146
146
  ```scss
147
- --#{root-defaults.$prefix}-submenu-background
148
- --#{root-defaults.$prefix}-submenu-color
147
+ --#{root-defaults.$prefix}submenu-background
148
+ --#{root-defaults.$prefix}submenu-color
149
149
 
150
150
  ```
151
151
 
152
152
  The submenu border properties:
153
153
 
154
154
  ```scss
155
- --#{root-defaults.$prefix}-submenu-border-color
156
- --#{root-defaults.$prefix}-submenu-border-radius
157
- --#{root-defaults.$prefix}-submenu-border-style
158
- --#{root-defaults.$prefix}-submenu-border-width
159
- --#{root-defaults.$prefix}-submenu-border
155
+ --#{root-defaults.$prefix}submenu-border-color
156
+ --#{root-defaults.$prefix}submenu-border-radius
157
+ --#{root-defaults.$prefix}submenu-border-style
158
+ --#{root-defaults.$prefix}submenu-border-width
159
+ --#{root-defaults.$prefix}submenu-border
160
160
 
161
161
  ```
162
162
 
163
163
  The submenu position properties:
164
164
 
165
165
  ```scss
166
- --#{root-defaults.$prefix}-submenu-position
167
- --#{root-defaults.$prefix}-submenu-top
168
- --#{root-defaults.$prefix}-submenu-right
169
- --#{root-defaults.$prefix}-submenu-bottom
170
- --#{root-defaults.$prefix}-submenu-left
171
- --#{root-defaults.$prefix}-submenu-inset
166
+ --#{root-defaults.$prefix}submenu-position
167
+ --#{root-defaults.$prefix}submenu-top
168
+ --#{root-defaults.$prefix}submenu-right
169
+ --#{root-defaults.$prefix}submenu-bottom
170
+ --#{root-defaults.$prefix}submenu-left
171
+ --#{root-defaults.$prefix}submenu-inset
172
172
 
173
173
  ```
174
174
 
175
175
  The menu item properties:
176
176
 
177
177
  ```scss
178
- --#{root-defaults.$prefix}-menu-item-min-width
179
- --#{root-defaults.$prefix}-menu-item-max-width
180
- --#{root-defaults.$prefix}-menu-item-padding-x
181
- --#{root-defaults.$prefix}-menu-item-padding-y
182
- --#{root-defaults.$prefix}-menu-item-padding
178
+ --#{root-defaults.$prefix}menu-item-min-width
179
+ --#{root-defaults.$prefix}menu-item-max-width
180
+ --#{root-defaults.$prefix}menu-item-padding-x
181
+ --#{root-defaults.$prefix}menu-item-padding-y
182
+ --#{root-defaults.$prefix}menu-item-padding
183
183
 
184
184
  ```
185
185
 
186
186
  The submenu item properties:
187
187
 
188
188
  ```scss
189
- --#{root-defaults.$prefix}-submenu-item-width
189
+ --#{root-defaults.$prefix}submenu-item-width
190
190
 
191
191
  ```
192
192
 
193
193
  The menu link properties:
194
194
 
195
195
  ```scss
196
- --#{root-defaults.$prefix}-menu-link-padding-x
197
- --#{root-defaults.$prefix}-menu-link-padding-y
198
- --#{root-defaults.$prefix}-menu-link-padding
196
+ --#{root-defaults.$prefix}menu-link-padding-x
197
+ --#{root-defaults.$prefix}menu-link-padding-y
198
+ --#{root-defaults.$prefix}menu-link-padding
199
199
 
200
200
  ```
201
201
 
202
202
  The menu link transform properties:
203
203
 
204
204
  ```scss
205
- --#{root-defaults.$prefix}-menu-link-transition
206
- --#{root-defaults.$prefix}-menu-link-transition-reduced-motion
207
- --#{root-defaults.$prefix}-menu-link-transform
208
- --#{root-defaults.$prefix}-menu-link-visited-transform
209
- --#{root-defaults.$prefix}-menu-link-focus-transform
210
- --#{root-defaults.$prefix}-menu-link-hover-transform
211
- --#{root-defaults.$prefix}-menu-link-active-transform
212
- --#{root-defaults.$prefix}-menu-link-disabled-transform
205
+ --#{root-defaults.$prefix}menu-link-transition
206
+ --#{root-defaults.$prefix}menu-link-transition-reduced-motion
207
+ --#{root-defaults.$prefix}menu-link-transform
208
+ --#{root-defaults.$prefix}menu-link-visited-transform
209
+ --#{root-defaults.$prefix}menu-link-focus-transform
210
+ --#{root-defaults.$prefix}menu-link-hover-transform
211
+ --#{root-defaults.$prefix}menu-link-active-transform
212
+ --#{root-defaults.$prefix}menu-link-disabled-transform
213
213
 
214
214
  ```
215
215
 
216
216
  The menu link gap properties:
217
217
 
218
218
  ```scss
219
- --#{root-defaults.$prefix}-menu-link-column-gap
220
- --#{root-defaults.$prefix}-menu-link-row-gap
221
- --#{root-defaults.$prefix}-menu-link-gap
219
+ --#{root-defaults.$prefix}menu-link-column-gap
220
+ --#{root-defaults.$prefix}menu-link-row-gap
221
+ --#{root-defaults.$prefix}menu-link-gap
222
222
 
223
223
  ```
224
224
 
225
225
  The menu link colors:
226
226
 
227
227
  ```scss
228
- --#{root-defaults.$prefix}-menu-link-background
229
- --#{root-defaults.$prefix}-menu-link-visited-background
230
- --#{root-defaults.$prefix}-menu-link-focus-background
231
- --#{root-defaults.$prefix}-menu-link-hover-background
232
- --#{root-defaults.$prefix}-menu-link-active-background
233
- --#{root-defaults.$prefix}-menu-link-disabled-background
234
- --#{root-defaults.$prefix}-menu-link-color
235
- --#{root-defaults.$prefix}-menu-link-visited-color
236
- --#{root-defaults.$prefix}-menu-link-focus-color
237
- --#{root-defaults.$prefix}-menu-link-hover-color
238
- --#{root-defaults.$prefix}-menu-link-active-color
239
- --#{root-defaults.$prefix}-menu-link-disabled-color
228
+ --#{root-defaults.$prefix}menu-link-background
229
+ --#{root-defaults.$prefix}menu-link-visited-background
230
+ --#{root-defaults.$prefix}menu-link-focus-background
231
+ --#{root-defaults.$prefix}menu-link-hover-background
232
+ --#{root-defaults.$prefix}menu-link-active-background
233
+ --#{root-defaults.$prefix}menu-link-disabled-background
234
+ --#{root-defaults.$prefix}menu-link-color
235
+ --#{root-defaults.$prefix}menu-link-visited-color
236
+ --#{root-defaults.$prefix}menu-link-focus-color
237
+ --#{root-defaults.$prefix}menu-link-hover-color
238
+ --#{root-defaults.$prefix}menu-link-active-color
239
+ --#{root-defaults.$prefix}menu-link-disabled-color
240
240
 
241
241
  ```
242
242
 
243
243
  The menu link text decoration properties:
244
244
 
245
245
  ```scss
246
- --#{root-defaults.$prefix}-menu-link-text-decoration
247
- --#{root-defaults.$prefix}-menu-link-visited-text-decoration
248
- --#{root-defaults.$prefix}-menu-link-focus-text-decoration
249
- --#{root-defaults.$prefix}-menu-link-hover-text-decoration
250
- --#{root-defaults.$prefix}-menu-link-active-text-decoration
251
- --#{root-defaults.$prefix}-menu-link-disabled-text-decoration
252
- --#{root-defaults.$prefix}-menu-link-text-decoration-thickness
253
- --#{root-defaults.$prefix}-menu-link-visited-text-decoration-thickness
254
- --#{root-defaults.$prefix}-menu-link-focus-text-decoration-thickness
255
- --#{root-defaults.$prefix}-menu-link-hover-text-decoration-thickness
256
- --#{root-defaults.$prefix}-menu-link-active-text-decoration-thickness
257
- --#{root-defaults.$prefix}-menu-link-disabled-text-decoration-thickness
258
- --#{root-defaults.$prefix}-menu-link-text-decoration-style
259
- --#{root-defaults.$prefix}-menu-link-visited-text-decoration-style
260
- --#{root-defaults.$prefix}-menu-link-focus-text-decoration-style
261
- --#{root-defaults.$prefix}-menu-link-hover-text-decoration-style
262
- --#{root-defaults.$prefix}-menu-link-active-text-decoration-style
263
- --#{root-defaults.$prefix}-menu-link-disabled-text-decoration-style
264
- --#{root-defaults.$prefix}-menu-link-text-decoration-color
265
- --#{root-defaults.$prefix}-menu-link-visited-text-decoration-color
266
- --#{root-defaults.$prefix}-menu-link-focus-text-decoration-color
267
- --#{root-defaults.$prefix}-menu-link-hover-text-decoration-color
268
- --#{root-defaults.$prefix}-menu-link-active-text-decoration-color
269
- --#{root-defaults.$prefix}-menu-link-disabled-text-decoration-color
246
+ --#{root-defaults.$prefix}menu-link-text-decoration
247
+ --#{root-defaults.$prefix}menu-link-visited-text-decoration
248
+ --#{root-defaults.$prefix}menu-link-focus-text-decoration
249
+ --#{root-defaults.$prefix}menu-link-hover-text-decoration
250
+ --#{root-defaults.$prefix}menu-link-active-text-decoration
251
+ --#{root-defaults.$prefix}menu-link-disabled-text-decoration
252
+ --#{root-defaults.$prefix}menu-link-text-decoration-thickness
253
+ --#{root-defaults.$prefix}menu-link-visited-text-decoration-thickness
254
+ --#{root-defaults.$prefix}menu-link-focus-text-decoration-thickness
255
+ --#{root-defaults.$prefix}menu-link-hover-text-decoration-thickness
256
+ --#{root-defaults.$prefix}menu-link-active-text-decoration-thickness
257
+ --#{root-defaults.$prefix}menu-link-disabled-text-decoration-thickness
258
+ --#{root-defaults.$prefix}menu-link-text-decoration-style
259
+ --#{root-defaults.$prefix}menu-link-visited-text-decoration-style
260
+ --#{root-defaults.$prefix}menu-link-focus-text-decoration-style
261
+ --#{root-defaults.$prefix}menu-link-hover-text-decoration-style
262
+ --#{root-defaults.$prefix}menu-link-active-text-decoration-style
263
+ --#{root-defaults.$prefix}menu-link-disabled-text-decoration-style
264
+ --#{root-defaults.$prefix}menu-link-text-decoration-color
265
+ --#{root-defaults.$prefix}menu-link-visited-text-decoration-color
266
+ --#{root-defaults.$prefix}menu-link-focus-text-decoration-color
267
+ --#{root-defaults.$prefix}menu-link-hover-text-decoration-color
268
+ --#{root-defaults.$prefix}menu-link-active-text-decoration-color
269
+ --#{root-defaults.$prefix}menu-link-disabled-text-decoration-color
270
270
 
271
271
  ```
272
272
 
273
273
  The menu link border properties:
274
274
 
275
275
  ```scss
276
- --#{root-defaults.$prefix}-menu-link-border-radius
277
- --#{root-defaults.$prefix}-menu-link-border-style
278
- --#{root-defaults.$prefix}-menu-link-border-width
279
- --#{root-defaults.$prefix}-menu-link-border
280
- --#{root-defaults.$prefix}-menu-link-border-color
281
- --#{root-defaults.$prefix}-menu-link-visited-border-color
282
- --#{root-defaults.$prefix}-menu-link-focus-border-color
283
- --#{root-defaults.$prefix}-menu-link-hover-border-color
284
- --#{root-defaults.$prefix}-menu-link-active-border-color
285
- --#{root-defaults.$prefix}-menu-link-disabled-border-color
276
+ --#{root-defaults.$prefix}menu-link-border-radius
277
+ --#{root-defaults.$prefix}menu-link-border-style
278
+ --#{root-defaults.$prefix}menu-link-border-width
279
+ --#{root-defaults.$prefix}menu-link-border
280
+ --#{root-defaults.$prefix}menu-link-border-color
281
+ --#{root-defaults.$prefix}menu-link-visited-border-color
282
+ --#{root-defaults.$prefix}menu-link-focus-border-color
283
+ --#{root-defaults.$prefix}menu-link-hover-border-color
284
+ --#{root-defaults.$prefix}menu-link-active-border-color
285
+ --#{root-defaults.$prefix}menu-link-disabled-border-color
286
286
 
287
287
  ```
288
288
 
289
289
  The submenu toggle properties:
290
290
 
291
291
  ```scss
292
- --#{root-defaults.$prefix}-submenu-toggle-transform
293
- --#{root-defaults.$prefix}-submenu-toggle-open-transform
294
- --#{root-defaults.$prefix}-submenu-toggle-content
295
- --#{root-defaults.$prefix}-submenu-toggle-transition
296
- --#{root-defaults.$prefix}-submenu-toggle-transition-reduced-motion
292
+ --#{root-defaults.$prefix}submenu-toggle-transform
293
+ --#{root-defaults.$prefix}submenu-toggle-open-transform
294
+ --#{root-defaults.$prefix}submenu-toggle-content
295
+ --#{root-defaults.$prefix}submenu-toggle-transition
296
+ --#{root-defaults.$prefix}submenu-toggle-transition-reduced-motion
297
297
 
298
298
  ```
299
299