@ulu/frontend 0.6.16 → 0.6.18
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.
|
@@ -27,6 +27,7 @@ $-fallbacks: (
|
|
|
27
27
|
/// Module Settings
|
|
28
28
|
/// @type Map
|
|
29
29
|
/// @prop {CssUnit} gap [1rem] The gap between graphic and text.
|
|
30
|
+
/// @prop {CssUnit} gap-compact [0.5rem] The smaller gap applied when the compact modifier is used.
|
|
30
31
|
/// @prop {List} margin [2em 0] Margin applied to the group.
|
|
31
32
|
/// @prop {CssUnit} graphic-width [3.5rem] The default safe width for the graphic.
|
|
32
33
|
/// @prop {Border} rule-border [true] The border style for the rules.
|
|
@@ -37,6 +38,7 @@ $-fallbacks: (
|
|
|
37
38
|
|
|
38
39
|
$config: (
|
|
39
40
|
"gap" : 1rem,
|
|
41
|
+
"gap-compact" : 0.5rem,
|
|
40
42
|
"margin" : (2em 0),
|
|
41
43
|
"graphic-width" : 3.5rem,
|
|
42
44
|
"rule-border" : true,
|
|
@@ -76,6 +78,7 @@ $config: (
|
|
|
76
78
|
#{ $prefix } {
|
|
77
79
|
display: flex;
|
|
78
80
|
align-items: center;
|
|
81
|
+
text-align: left;
|
|
79
82
|
gap: get("gap");
|
|
80
83
|
margin: get("margin");
|
|
81
84
|
}
|
|
@@ -135,6 +138,10 @@ $config: (
|
|
|
135
138
|
align-items: flex-start;
|
|
136
139
|
}
|
|
137
140
|
|
|
141
|
+
#{ $prefix }--align-baseline {
|
|
142
|
+
align-items: baseline;
|
|
143
|
+
}
|
|
144
|
+
|
|
138
145
|
#{ $prefix }--align-end {
|
|
139
146
|
align-items: flex-end;
|
|
140
147
|
}
|
|
@@ -178,5 +185,18 @@ $config: (
|
|
|
178
185
|
border-bottom: get("rule-border");
|
|
179
186
|
padding-bottom: get("rule-padding");
|
|
180
187
|
}
|
|
188
|
+
|
|
189
|
+
// Spacing Modifiers
|
|
190
|
+
#{ $prefix }--compact {
|
|
191
|
+
gap: get("gap-compact");
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
// Graphic Modifiers
|
|
195
|
+
#{ $prefix }--auto {
|
|
196
|
+
> #{ $prefix }__graphic {
|
|
197
|
+
width: auto;
|
|
198
|
+
}
|
|
199
|
+
}
|
|
181
200
|
}
|
|
182
201
|
|
|
202
|
+
|
|
@@ -37,7 +37,6 @@ $-fallbacks: (
|
|
|
37
37
|
|
|
38
38
|
/// Module Settings
|
|
39
39
|
/// @type Map
|
|
40
|
-
|
|
41
40
|
/// @prop {Dimension} nested-indent [0.5em] The indentation of child lists within the menu-stack.
|
|
42
41
|
/// @prop {Dimension} rule-margin [0.5em] Sets the padding and margin of the rule.
|
|
43
42
|
/// @prop {String} rule-style [default] Determines the styling of the rule. Uses the rule.scss component.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ulu/frontend",
|
|
3
|
-
"version": "0.6.
|
|
3
|
+
"version": "0.6.18",
|
|
4
4
|
"description": "A framework-agnostic frontend toolkit providing a modular, tree-shakable library of accessible components and utilities. Designed for seamless integration, it features a highly configurable SCSS system for any environment and vanilla JavaScript modules optimized for traditional websites and content management systems.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|