@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/navigation.md CHANGED
@@ -31,106 +31,106 @@ Variables
31
31
  The navigation colors:
32
32
 
33
33
  ```scss
34
- --#{root-defaults.$prefix}-navigation-background
35
- --#{root-defaults.$prefix}-navigation-color
34
+ --#{root-defaults.$prefix}navigation-background
35
+ --#{root-defaults.$prefix}navigation-color
36
36
 
37
37
  ```
38
38
 
39
39
  The navigation toggle size:
40
40
 
41
41
  ```scss
42
- --#{root-defaults.$prefix}-navigation-toggle-min-width
43
- --#{root-defaults.$prefix}-navigation-toggle-min-height
42
+ --#{root-defaults.$prefix}navigation-toggle-min-width
43
+ --#{root-defaults.$prefix}navigation-toggle-min-height
44
44
 
45
45
  ```
46
46
 
47
47
  The navigation toggle spacing:
48
48
 
49
49
  ```scss
50
- --#{root-defaults.$prefix}-navigation-toggle-padding-x
51
- --#{root-defaults.$prefix}-navigation-toggle-padding-y
52
- --#{root-defaults.$prefix}-navigation-toggle-padding
50
+ --#{root-defaults.$prefix}navigation-toggle-padding-x
51
+ --#{root-defaults.$prefix}navigation-toggle-padding-y
52
+ --#{root-defaults.$prefix}navigation-toggle-padding
53
53
 
54
54
  ```
55
55
 
56
56
  The navigation toggle colors:
57
57
 
58
58
  ```scss
59
- --#{root-defaults.$prefix}-navigation-toggle-background
60
- --#{root-defaults.$prefix}-navigation-toggle-color
61
- --#{root-defaults.$prefix}-navigation-toggle-hover-background
62
- --#{root-defaults.$prefix}-navigation-toggle-hover-color
59
+ --#{root-defaults.$prefix}navigation-toggle-background
60
+ --#{root-defaults.$prefix}navigation-toggle-color
61
+ --#{root-defaults.$prefix}navigation-toggle-hover-background
62
+ --#{root-defaults.$prefix}navigation-toggle-hover-color
63
63
 
64
64
  ```
65
65
 
66
66
  The navigation toggle border properties:
67
67
 
68
68
  ```scss
69
- --#{root-defaults.$prefix}-navigation-toggle-border-width
70
- --#{root-defaults.$prefix}-navigation-toggle-border-style
71
- --#{root-defaults.$prefix}-navigation-toggle-border
72
- --#{root-defaults.$prefix}-navigation-toggle-border-color
73
- --#{root-defaults.$prefix}-navigation-toggle-border-radius
69
+ --#{root-defaults.$prefix}navigation-toggle-border-width
70
+ --#{root-defaults.$prefix}navigation-toggle-border-style
71
+ --#{root-defaults.$prefix}navigation-toggle-border
72
+ --#{root-defaults.$prefix}navigation-toggle-border-color
73
+ --#{root-defaults.$prefix}navigation-toggle-border-radius
74
74
 
75
75
  ```
76
76
 
77
77
  The navigation branding properties:
78
78
 
79
79
  ```scss
80
- --#{root-defaults.$prefix}-navigation-branding-font-size
81
- --#{root-defaults.$prefix}-navigation-branding-font-weight
82
- --#{root-defaults.$prefix}-navigation-branding-padding-x
83
- --#{root-defaults.$prefix}-navigation-branding-padding-y
84
- --#{root-defaults.$prefix}-navigation-branding-padding
80
+ --#{root-defaults.$prefix}navigation-branding-font-size
81
+ --#{root-defaults.$prefix}navigation-branding-font-weight
82
+ --#{root-defaults.$prefix}navigation-branding-padding-x
83
+ --#{root-defaults.$prefix}navigation-branding-padding-y
84
+ --#{root-defaults.$prefix}navigation-branding-padding
85
85
 
86
86
  ```
87
87
 
88
88
  The navigation branding colors:
89
89
 
90
90
  ```scss
91
- --#{root-defaults.$prefix}-navigation-branding-color
92
- --#{root-defaults.$prefix}-navigation-branding-visited-color
93
- --#{root-defaults.$prefix}-navigation-branding-focus-color
94
- --#{root-defaults.$prefix}-navigation-branding-hover-color
95
- --#{root-defaults.$prefix}-navigation-branding-active-color
96
- --#{root-defaults.$prefix}-navigation-branding-disabled-color
91
+ --#{root-defaults.$prefix}navigation-branding-color
92
+ --#{root-defaults.$prefix}navigation-branding-visited-color
93
+ --#{root-defaults.$prefix}navigation-branding-focus-color
94
+ --#{root-defaults.$prefix}navigation-branding-hover-color
95
+ --#{root-defaults.$prefix}navigation-branding-active-color
96
+ --#{root-defaults.$prefix}navigation-branding-disabled-color
97
97
 
98
98
  ```
99
99
 
100
100
  The navigation branding text decoration properties:
101
101
 
102
102
  ```scss
103
- --#{root-defaults.$prefix}-navigation-branding-text-decoration
104
- --#{root-defaults.$prefix}-navigation-branding-visited-text-decoration
105
- --#{root-defaults.$prefix}-navigation-branding-focus-text-decoration
106
- --#{root-defaults.$prefix}-navigation-branding-hover-text-decoration
107
- --#{root-defaults.$prefix}-navigation-branding-active-text-decoration
108
- --#{root-defaults.$prefix}-navigation-branding-disabled-text-decoration
109
- --#{root-defaults.$prefix}-navigation-branding-text-decoration-style
110
- --#{root-defaults.$prefix}-navigation-branding-visited-text-decoration-style
111
- --#{root-defaults.$prefix}-navigation-branding-focus-text-decoration-style
112
- --#{root-defaults.$prefix}-navigation-branding-hover-text-decoration-style
113
- --#{root-defaults.$prefix}-navigation-branding-active-text-decoration-style
114
- --#{root-defaults.$prefix}-navigation-branding-disabled-text-decoration-style
115
- --#{root-defaults.$prefix}-navigation-branding-text-decoration-thickness
116
- --#{root-defaults.$prefix}-navigation-branding-visited-text-decoration-thickness
117
- --#{root-defaults.$prefix}-navigation-branding-focus-text-decoration-thickness
118
- --#{root-defaults.$prefix}-navigation-branding-hover-text-decoration-thickness
119
- --#{root-defaults.$prefix}-navigation-branding-active-text-decoration-thickness
120
- --#{root-defaults.$prefix}-navigation-branding-disabled-text-decoration-thickness
121
- --#{root-defaults.$prefix}-navigation-branding-text-decoration-color
122
- --#{root-defaults.$prefix}-navigation-branding-visited-text-decoration-color
123
- --#{root-defaults.$prefix}-navigation-branding-focus-text-decoration-color
124
- --#{root-defaults.$prefix}-navigation-branding-hover-text-decoration-color
125
- --#{root-defaults.$prefix}-navigation-branding-active-text-decoration-color
126
- --#{root-defaults.$prefix}-navigation-branding-disabled-text-decoration-color
103
+ --#{root-defaults.$prefix}navigation-branding-text-decoration
104
+ --#{root-defaults.$prefix}navigation-branding-visited-text-decoration
105
+ --#{root-defaults.$prefix}navigation-branding-focus-text-decoration
106
+ --#{root-defaults.$prefix}navigation-branding-hover-text-decoration
107
+ --#{root-defaults.$prefix}navigation-branding-active-text-decoration
108
+ --#{root-defaults.$prefix}navigation-branding-disabled-text-decoration
109
+ --#{root-defaults.$prefix}navigation-branding-text-decoration-style
110
+ --#{root-defaults.$prefix}navigation-branding-visited-text-decoration-style
111
+ --#{root-defaults.$prefix}navigation-branding-focus-text-decoration-style
112
+ --#{root-defaults.$prefix}navigation-branding-hover-text-decoration-style
113
+ --#{root-defaults.$prefix}navigation-branding-active-text-decoration-style
114
+ --#{root-defaults.$prefix}navigation-branding-disabled-text-decoration-style
115
+ --#{root-defaults.$prefix}navigation-branding-text-decoration-thickness
116
+ --#{root-defaults.$prefix}navigation-branding-visited-text-decoration-thickness
117
+ --#{root-defaults.$prefix}navigation-branding-focus-text-decoration-thickness
118
+ --#{root-defaults.$prefix}navigation-branding-hover-text-decoration-thickness
119
+ --#{root-defaults.$prefix}navigation-branding-active-text-decoration-thickness
120
+ --#{root-defaults.$prefix}navigation-branding-disabled-text-decoration-thickness
121
+ --#{root-defaults.$prefix}navigation-branding-text-decoration-color
122
+ --#{root-defaults.$prefix}navigation-branding-visited-text-decoration-color
123
+ --#{root-defaults.$prefix}navigation-branding-focus-text-decoration-color
124
+ --#{root-defaults.$prefix}navigation-branding-hover-text-decoration-color
125
+ --#{root-defaults.$prefix}navigation-branding-active-text-decoration-color
126
+ --#{root-defaults.$prefix}navigation-branding-disabled-text-decoration-color
127
127
 
128
128
  ```
129
129
 
130
130
  The navigation toggle properties:
131
131
 
132
132
  ```scss
133
- --#{root-defaults.$prefix}-navigation-toggle-content
133
+ --#{root-defaults.$prefix}navigation-toggle-content
134
134
 
135
135
  ```
136
136
 
package/docs/content.md CHANGED
@@ -53,67 +53,67 @@ $table-theme-map: map.merge($base-table-theme-map, $custom-table-theme-map);
53
53
  Table Caption Properties
54
54
 
55
55
  ```jsx
56
- --#{root-defaults.$prefix}-table-caption-side
57
- --#{root-defaults.$prefix}-table-caption-padding-x
58
- --#{root-defaults.$prefix}-table-caption-padding-y
56
+ --#{root-defaults.$prefix}table-caption-side
57
+ --#{root-defaults.$prefix}table-caption-padding-x
58
+ --#{root-defaults.$prefix}table-caption-padding-y
59
59
  ```
60
60
 
61
61
  Table Header Properties
62
62
 
63
63
  ```jsx
64
- --#{root-defaults.$prefix}-table-header-font-weight
65
- --#{root-defaults.$prefix}-table-header-padding-x
66
- --#{root-defaults.$prefix}-table-header-padding-y
67
- --#{root-defaults.$prefix}-table-header-background
68
- --#{root-defaults.$prefix}-table-header-color
64
+ --#{root-defaults.$prefix}table-header-font-weight
65
+ --#{root-defaults.$prefix}table-header-padding-x
66
+ --#{root-defaults.$prefix}table-header-padding-y
67
+ --#{root-defaults.$prefix}table-header-background
68
+ --#{root-defaults.$prefix}table-header-color
69
69
  ```
70
70
 
71
71
  Table Cell Properties
72
72
 
73
73
  ```jsx
74
- --#{root-defaults.$prefix}-table-cell-padding-x
75
- --#{root-defaults.$prefix}-table-cell-padding-y
76
- --#{root-defaults.$prefix}-table-cell-background
77
- --#{root-defaults.$prefix}-table-cell-color
74
+ --#{root-defaults.$prefix}table-cell-padding-x
75
+ --#{root-defaults.$prefix}table-cell-padding-y
76
+ --#{root-defaults.$prefix}table-cell-background
77
+ --#{root-defaults.$prefix}table-cell-color
78
78
  ```
79
79
 
80
80
  Table Border Properties
81
81
 
82
82
  ```jsx
83
- --#{root-defaults.$prefix}-table-border-width
84
- --#{root-defaults.$prefix}-table-border-style
85
- --#{root-defaults.$prefix}-table-border
86
- --#{root-defaults.$prefix}-table-border-color
83
+ --#{root-defaults.$prefix}table-border-width
84
+ --#{root-defaults.$prefix}table-border-style
85
+ --#{root-defaults.$prefix}table-border
86
+ --#{root-defaults.$prefix}table-border-color
87
87
  ```
88
88
 
89
89
  Table cell border properties
90
90
 
91
91
  ```jsx
92
- --#{root-defaults.$prefix}-table-cell-border-width
93
- --#{root-defaults.$prefix}-table-cell-border-style
94
- --#{root-defaults.$prefix}-table-cell-border
95
- --#{root-defaults.$prefix}-table-cell-border-color
92
+ --#{root-defaults.$prefix}table-cell-border-width
93
+ --#{root-defaults.$prefix}table-cell-border-style
94
+ --#{root-defaults.$prefix}table-cell-border
95
+ --#{root-defaults.$prefix}table-cell-border-color
96
96
  ```
97
97
 
98
98
  Table striped properties
99
99
 
100
100
  ```jsx
101
- --#{root-defaults.$prefix}-table-striped-background
102
- --#{root-defaults.$prefix}-table-striped-color
101
+ --#{root-defaults.$prefix}table-striped-background
102
+ --#{root-defaults.$prefix}table-striped-color
103
103
  ```
104
104
 
105
105
  Table hover properties
106
106
 
107
107
  ```jsx
108
- --#{root-defaults.$prefix}-table-hover-background
109
- --#{root-defaults.$prefix}-table-hover-color
108
+ --#{root-defaults.$prefix}table-hover-background
109
+ --#{root-defaults.$prefix}table-hover-color
110
110
  ```
111
111
 
112
112
  Table highlight properties
113
113
 
114
114
  ```jsx
115
- --#{root-defaults.$prefix}-table-highlight-background
116
- --#{root-defaults.$prefix}-table-highlight-color
115
+ --#{root-defaults.$prefix}table-highlight-background
116
+ --#{root-defaults.$prefix}table-highlight-color
117
117
  ```
118
118
 
119
119
  ## Link
@@ -169,69 +169,69 @@ $stretched-link-z-index: 5 !default;
169
169
  Link Properties
170
170
 
171
171
  ```jsx
172
- --#{root-defaults.$prefix}-link-text-decoration
173
- --#{root-defaults.$prefix}-link-visited-text-decoration
174
- --#{root-defaults.$prefix}-link-focus-text-decoration
175
- --#{root-defaults.$prefix}-link-hover-text-decoration
176
- --#{root-defaults.$prefix}-link-active-text-decoration
177
- --#{root-defaults.$prefix}-link-disabled-text-decoration
178
- --#{root-defaults.$prefix}-link-text-decoration-thickness
179
- --#{root-defaults.$prefix}-link-visited-text-decoration-thickness
180
- --#{root-defaults.$prefix}-link-focus-text-decoration-thickness
181
- --#{root-defaults.$prefix}-link-hover-text-decoration-thickness
182
- --#{root-defaults.$prefix}-link-active-text-decoration-thickness
183
- --#{root-defaults.$prefix}-link-disabled-text-decoration-thickness
184
- --#{root-defaults.$prefix}-link-text-decoration-style
185
- --#{root-defaults.$prefix}-link-visited-text-decoration-style
186
- --#{root-defaults.$prefix}-link-focus-text-decoration-style
187
- --#{root-defaults.$prefix}-link-hover-text-decoration-style
188
- --#{root-defaults.$prefix}-link-active-text-decoration-style
189
- --#{root-defaults.$prefix}-link-disabled-text-decoration-style
190
- --#{root-defaults.$prefix}-link-color
191
- --#{root-defaults.$prefix}-link-visited-color
192
- --#{root-defaults.$prefix}-link-focus-color
193
- --#{root-defaults.$prefix}-link-hover-color
194
- --#{root-defaults.$prefix}-link-active-color
195
- --#{root-defaults.$prefix}-link-disabled-color
196
- --#{root-defaults.$prefix}-link-text-decoration-color
197
- --#{root-defaults.$prefix}-link-visited-text-decoration-color
198
- --#{root-defaults.$prefix}-link-focus-text-decoration-color
199
- --#{root-defaults.$prefix}-link-hover-text-decoration-color
200
- --#{root-defaults.$prefix}-link-active-text-decoration-color
201
- --#{root-defaults.$prefix}-link-disabled-text-decoration-color
202
- --#{root-defaults.$prefix}-link-background
203
- --#{root-defaults.$prefix}-link-visited-background
204
- --#{root-defaults.$prefix}-link-focus-background
205
- --#{root-defaults.$prefix}-link-hover-background
206
- --#{root-defaults.$prefix}-link-active-background
207
- --#{root-defaults.$prefix}-link-disabled-background
208
- --#{root-defaults.$prefix}-link-padding-x
209
- --#{root-defaults.$prefix}-link-padding-y
210
- --#{root-defaults.$prefix}-link-padding
211
- --#{root-defaults.$prefix}-link-transition
212
- --#{root-defaults.$prefix}-link-transition-reduced-motion
213
- --#{root-defaults.$prefix}-link-transform
214
- --#{root-defaults.$prefix}-link-visited-transform
215
- --#{root-defaults.$prefix}-link-focus-transform
216
- --#{root-defaults.$prefix}-link-hover-transform
217
- --#{root-defaults.$prefix}-link-active-transform
218
- --#{root-defaults.$prefix}-link-disabled-transform
219
- --#{root-defaults.$prefix}-link-border-width
220
- --#{root-defaults.$prefix}-link-border-style
221
- --#{root-defaults.$prefix}-link-border
222
- --#{root-defaults.$prefix}-link-border-radius
223
- --#{root-defaults.$prefix}-link-border-color
224
- --#{root-defaults.$prefix}-link-visited-border-color
225
- --#{root-defaults.$prefix}-link-focus-border-color
226
- --#{root-defaults.$prefix}-link-hover-border-color
227
- --#{root-defaults.$prefix}-link-active-border-color
228
- --#{root-defaults.$prefix}-link-disabled-border-color
229
- --#{root-defaults.$prefix}-link-min-width
230
- --#{root-defaults.$prefix}-link-min-height
172
+ --#{root-defaults.$prefix}link-text-decoration
173
+ --#{root-defaults.$prefix}link-visited-text-decoration
174
+ --#{root-defaults.$prefix}link-focus-text-decoration
175
+ --#{root-defaults.$prefix}link-hover-text-decoration
176
+ --#{root-defaults.$prefix}link-active-text-decoration
177
+ --#{root-defaults.$prefix}link-disabled-text-decoration
178
+ --#{root-defaults.$prefix}link-text-decoration-thickness
179
+ --#{root-defaults.$prefix}link-visited-text-decoration-thickness
180
+ --#{root-defaults.$prefix}link-focus-text-decoration-thickness
181
+ --#{root-defaults.$prefix}link-hover-text-decoration-thickness
182
+ --#{root-defaults.$prefix}link-active-text-decoration-thickness
183
+ --#{root-defaults.$prefix}link-disabled-text-decoration-thickness
184
+ --#{root-defaults.$prefix}link-text-decoration-style
185
+ --#{root-defaults.$prefix}link-visited-text-decoration-style
186
+ --#{root-defaults.$prefix}link-focus-text-decoration-style
187
+ --#{root-defaults.$prefix}link-hover-text-decoration-style
188
+ --#{root-defaults.$prefix}link-active-text-decoration-style
189
+ --#{root-defaults.$prefix}link-disabled-text-decoration-style
190
+ --#{root-defaults.$prefix}link-color
191
+ --#{root-defaults.$prefix}link-visited-color
192
+ --#{root-defaults.$prefix}link-focus-color
193
+ --#{root-defaults.$prefix}link-hover-color
194
+ --#{root-defaults.$prefix}link-active-color
195
+ --#{root-defaults.$prefix}link-disabled-color
196
+ --#{root-defaults.$prefix}link-text-decoration-color
197
+ --#{root-defaults.$prefix}link-visited-text-decoration-color
198
+ --#{root-defaults.$prefix}link-focus-text-decoration-color
199
+ --#{root-defaults.$prefix}link-hover-text-decoration-color
200
+ --#{root-defaults.$prefix}link-active-text-decoration-color
201
+ --#{root-defaults.$prefix}link-disabled-text-decoration-color
202
+ --#{root-defaults.$prefix}link-background
203
+ --#{root-defaults.$prefix}link-visited-background
204
+ --#{root-defaults.$prefix}link-focus-background
205
+ --#{root-defaults.$prefix}link-hover-background
206
+ --#{root-defaults.$prefix}link-active-background
207
+ --#{root-defaults.$prefix}link-disabled-background
208
+ --#{root-defaults.$prefix}link-padding-x
209
+ --#{root-defaults.$prefix}link-padding-y
210
+ --#{root-defaults.$prefix}link-padding
211
+ --#{root-defaults.$prefix}link-transition
212
+ --#{root-defaults.$prefix}link-transition-reduced-motion
213
+ --#{root-defaults.$prefix}link-transform
214
+ --#{root-defaults.$prefix}link-visited-transform
215
+ --#{root-defaults.$prefix}link-focus-transform
216
+ --#{root-defaults.$prefix}link-hover-transform
217
+ --#{root-defaults.$prefix}link-active-transform
218
+ --#{root-defaults.$prefix}link-disabled-transform
219
+ --#{root-defaults.$prefix}link-border-width
220
+ --#{root-defaults.$prefix}link-border-style
221
+ --#{root-defaults.$prefix}link-border
222
+ --#{root-defaults.$prefix}link-border-radius
223
+ --#{root-defaults.$prefix}link-border-color
224
+ --#{root-defaults.$prefix}link-visited-border-color
225
+ --#{root-defaults.$prefix}link-focus-border-color
226
+ --#{root-defaults.$prefix}link-hover-border-color
227
+ --#{root-defaults.$prefix}link-active-border-color
228
+ --#{root-defaults.$prefix}link-disabled-border-color
229
+ --#{root-defaults.$prefix}link-min-width
230
+ --#{root-defaults.$prefix}link-min-height
231
231
  ```
232
232
 
233
233
  Stretch Link
234
234
 
235
235
  ```jsx
236
- --#{root-defaults.$prefix}-stretched-link-z-index
236
+ --#{root-defaults.$prefix}stretched-link-z-index
237
237
  ```
package/docs/defaults.md CHANGED
@@ -83,39 +83,39 @@ $transition-durations: map.merge(
83
83
  The layout properties:
84
84
 
85
85
  ```scss
86
- --#{defaults.$prefix}-content-max-width
86
+ --#{defaults.$prefix}content-max-width
87
87
 
88
88
  ```
89
89
 
90
90
  The spacing properties:
91
91
 
92
92
  ```scss
93
- --#{defaults.$prefix}-spacer
94
- --#{defaults.$prefix}-spacer-#{$key}
93
+ --#{defaults.$prefix}spacer
94
+ --#{defaults.$prefix}spacer-#{$key}
95
95
 
96
96
  ```
97
97
 
98
98
  The border properties:
99
99
 
100
100
  ```scss
101
- --#{defaults.$prefix}-border-radius
102
- --#{defaults.$prefix}-border-width
103
- --#{defaults.$prefix}-border-style
101
+ --#{defaults.$prefix}border-radius
102
+ --#{defaults.$prefix}border-width
103
+ --#{defaults.$prefix}border-style
104
104
 
105
105
  ```
106
106
 
107
107
  The transition duration properties:
108
108
 
109
109
  ```scss
110
- --#{defaults.$prefix}-transition-duration-fast
111
- --#{defaults.$prefix}-transition-duration-default
112
- --#{defaults.$prefix}-transition-duration-slow
110
+ --#{defaults.$prefix}transition-duration-fast
111
+ --#{defaults.$prefix}transition-duration-default
112
+ --#{defaults.$prefix}transition-duration-slow
113
113
 
114
114
  ```
115
115
 
116
116
  The transition timing function property:
117
117
 
118
118
  ```scss
119
- --#{defaults.$prefix}-transition-timing-function
119
+ --#{defaults.$prefix}transition-timing-function
120
120
 
121
121
  ```
package/docs/forms.md CHANGED
@@ -17,63 +17,63 @@ $fieldset-direction: column !default;
17
17
  Form Properties
18
18
 
19
19
  ```jsx
20
- --#{root-defaults.$prefix}-input-padding-x
21
- --#{root-defaults.$prefix}-input-padding-y
22
- --#{root-defaults.$prefix}-input-padding
23
- --#{root-defaults.$prefix}-input-font-size
24
- --#{root-defaults.$prefix}-label-font-size
25
- --#{root-defaults.$prefix}-fieldset-direction
26
- --#{root-defaults.$prefix}-fieldset-gap
27
- --#{root-defaults.$prefix}-fieldset-padding-x
28
- --#{root-defaults.$prefix}-fieldset-padding-y
29
- --#{root-defaults.$prefix}-fieldset-padding
30
- --#{root-defaults.$prefix}-fieldset-font-size
20
+ --#{root-defaults.$prefix}input-padding-x
21
+ --#{root-defaults.$prefix}input-padding-y
22
+ --#{root-defaults.$prefix}input-padding
23
+ --#{root-defaults.$prefix}input-font-size
24
+ --#{root-defaults.$prefix}label-font-size
25
+ --#{root-defaults.$prefix}fieldset-direction
26
+ --#{root-defaults.$prefix}fieldset-gap
27
+ --#{root-defaults.$prefix}fieldset-padding-x
28
+ --#{root-defaults.$prefix}fieldset-padding-y
29
+ --#{root-defaults.$prefix}fieldset-padding
30
+ --#{root-defaults.$prefix}fieldset-font-size
31
31
  ```
32
32
 
33
33
  Background Properties
34
34
 
35
35
  ```jsx
36
- --#{root-defaults.$prefix}-input-background
37
- --#{root-defaults.$prefix}-fieldset-background
36
+ --#{root-defaults.$prefix}input-background
37
+ --#{root-defaults.$prefix}fieldset-background
38
38
  ```
39
39
 
40
40
  Text Properties
41
41
 
42
42
  ```jsx
43
- --#{root-defaults.$prefix}-input-color
44
- --#{root-defaults.$prefix}-input-placeholder-color
45
- --#{root-defaults.$prefix}-label-color
46
- --#{root-defaults.$prefix}-fieldset-color
47
- --#{root-defaults.$prefix}-input-disabled-color
48
- --#{root-defaults.$prefix}-input-disabled-placeholder-color
49
- --#{root-defaults.$prefix}-label-disabled-color
50
- --#{root-defaults.$prefix}-fieldset-disabled-color
43
+ --#{root-defaults.$prefix}input-color
44
+ --#{root-defaults.$prefix}input-placeholder-color
45
+ --#{root-defaults.$prefix}label-color
46
+ --#{root-defaults.$prefix}fieldset-color
47
+ --#{root-defaults.$prefix}input-disabled-color
48
+ --#{root-defaults.$prefix}input-disabled-placeholder-color
49
+ --#{root-defaults.$prefix}label-disabled-color
50
+ --#{root-defaults.$prefix}fieldset-disabled-color
51
51
  ```
52
52
 
53
53
  Border Properties
54
54
 
55
55
  ```jsx
56
- --#{root-defaults.$prefix}-input-border-width
57
- --#{root-defaults.$prefix}-botton-border-style
58
- --#{root-defaults.$prefix}-input-border
59
- --#{root-defaults.$prefix}-input-border-radius
60
- --#{root-defaults.$prefix}-fieldset-border-width
61
- --#{root-defaults.$prefix}-fieldset-border-style
62
- --#{root-defaults.$prefix}-fieldset-border
63
- --#{root-defaults.$prefix}-fieldset-border-radius
56
+ --#{root-defaults.$prefix}input-border-width
57
+ --#{root-defaults.$prefix}botton-border-style
58
+ --#{root-defaults.$prefix}input-border
59
+ --#{root-defaults.$prefix}input-border-radius
60
+ --#{root-defaults.$prefix}fieldset-border-width
61
+ --#{root-defaults.$prefix}fieldset-border-style
62
+ --#{root-defaults.$prefix}fieldset-border
63
+ --#{root-defaults.$prefix}fieldset-border-radius
64
64
  ```
65
65
 
66
66
  Border Colour Properties
67
67
 
68
68
  ```jsx
69
- --#{root-defaults.$prefix}-input-border-color
70
- --#{root-defaults.$prefix}-input-disabled-border-color
71
- --#{root-defaults.$prefix}-fieldset-border-color
72
- --#{root-defaults.$prefix}-fieldset-disabled-border-color
69
+ --#{root-defaults.$prefix}input-border-color
70
+ --#{root-defaults.$prefix}input-disabled-border-color
71
+ --#{root-defaults.$prefix}fieldset-border-color
72
+ --#{root-defaults.$prefix}fieldset-disabled-border-color
73
73
  ```
74
74
 
75
75
  Accent Colour Properties
76
76
 
77
77
  ```jsx
78
- --#{root-defaults.$prefix}-input-accent-color
78
+ --#{root-defaults.$prefix}input-accent-color
79
79
  ```
package/docs/layout.md CHANGED
@@ -25,43 +25,43 @@ Variables
25
25
  The columns row and column gap properties:
26
26
 
27
27
  ```scss
28
- --#{root-defaults.$prefix}-columns-row-gap
29
- --#{root-defaults.$prefix}-columns-column-gap
28
+ --#{root-defaults.$prefix}columns-row-gap
29
+ --#{root-defaults.$prefix}columns-column-gap
30
30
 
31
31
  ```
32
32
 
33
33
  The columns count property:
34
34
 
35
35
  ```scss
36
- --#{root-defaults.$prefix}-columns-count
36
+ --#{root-defaults.$prefix}columns-count
37
37
 
38
38
  ```
39
39
 
40
40
  The columns min-width property:
41
41
 
42
42
  ```scss
43
- --#{root-defaults.$prefix}-columns-min-width
43
+ --#{root-defaults.$prefix}columns-min-width
44
44
 
45
45
  ```
46
46
 
47
47
  The columns max-width property:
48
48
 
49
49
  ```scss
50
- --#{root-defaults.$prefix}-columns-max-width
50
+ --#{root-defaults.$prefix}columns-max-width
51
51
 
52
52
  ```
53
53
 
54
54
  The columns grid template columns property:
55
55
 
56
56
  ```scss
57
- --#{root-defaults.$prefix}-columns-grid-template-columns
57
+ --#{root-defaults.$prefix}columns-grid-template-columns
58
58
 
59
59
  ```
60
60
 
61
61
  The columns span property:
62
62
 
63
63
  ```scss
64
- --#{root-defaults.$prefix}-columns-span
64
+ --#{root-defaults.$prefix}columns-span
65
65
 
66
66
  ```
67
67
 
@@ -86,61 +86,61 @@ Variables
86
86
  The container gap property:
87
87
 
88
88
  ```scss
89
- --#{root-defaults.$prefix}-container-gap
89
+ --#{root-defaults.$prefix}container-gap
90
90
  ```
91
91
 
92
92
  The container content max width property:
93
93
 
94
94
  ```scss
95
- --#{root-defaults.$prefix}-container-content-max-width
95
+ --#{root-defaults.$prefix}container-content-max-width
96
96
  ```
97
97
 
98
98
  The container breakout max width property:
99
99
 
100
100
  ```scss
101
- --#{root-defaults.$prefix}-container-breakout-max-width
101
+ --#{root-defaults.$prefix}container-breakout-max-width
102
102
  ```
103
103
 
104
104
  The container breakout width property:
105
105
 
106
106
  ```scss
107
- --#{root-defaults.$prefix}-container-breakout-width
107
+ --#{root-defaults.$prefix}container-breakout-width
108
108
  ```
109
109
 
110
110
  The container feature max width property:
111
111
 
112
112
  ```scss
113
- --#{root-defaults.$prefix}-container-feature-max-width
113
+ --#{root-defaults.$prefix}container-feature-max-width
114
114
  ```
115
115
 
116
116
  The container feature width property:
117
117
 
118
118
  ```scss
119
- --#{root-defaults.$prefix}-container-feature-width
119
+ --#{root-defaults.$prefix}container-feature-width
120
120
  ```
121
121
 
122
122
  The container content section width property:
123
123
 
124
124
  ```scss
125
- --#{root-defaults.$prefix}-container-content-section-width
125
+ --#{root-defaults.$prefix}container-content-section-width
126
126
  ```
127
127
 
128
128
  The container full width section width property:
129
129
 
130
130
  ```scss
131
- --#{root-defaults.$prefix}-container-full-width-section-width
131
+ --#{root-defaults.$prefix}container-full-width-section-width
132
132
  ```
133
133
 
134
134
  The container breakout section width property:
135
135
 
136
136
  ```scss
137
- --#{root-defaults.$prefix}-container-breakout-section-width
137
+ --#{root-defaults.$prefix}container-breakout-section-width
138
138
  ```
139
139
 
140
140
  The container feature section width property:
141
141
 
142
142
  ```scss
143
- --#{root-defaults.$prefix}-container-feature-section-width
143
+ --#{root-defaults.$prefix}container-feature-section-width
144
144
  ```
145
145
 
146
146
  ### Flex Columns
@@ -163,10 +163,10 @@ $flex-columns-max-width: unset !default;
163
163
  Variables
164
164
 
165
165
  ```jsx
166
- --#{root-defaults.$prefix}-flex-columns-row-gap
167
- --#{root-defaults.$prefix}-flex-columns-column-gap
168
- --#{root-defaults.$prefix}-flex-columns-size
169
- --#{root-defaults.$prefix}-flex-columns-max-width
166
+ --#{root-defaults.$prefix}flex-columns-row-gap
167
+ --#{root-defaults.$prefix}flex-columns-column-gap
168
+ --#{root-defaults.$prefix}flex-columns-size
169
+ --#{root-defaults.$prefix}flex-columns-max-width
170
170
  ```
171
171
 
172
172
  Markup