@ulu/frontend 0.1.0-beta.119 → 0.1.0-beta.120
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.
- package/CHANGELOG.md +5 -1
- package/package.json +1 -1
- package/scss/components/_card.scss +3 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
# Change Log
|
|
2
2
|
|
|
3
|
-
## 0.1.0-beta.
|
|
3
|
+
## 0.1.0-beta.120
|
|
4
|
+
|
|
5
|
+
- **scss/components/card** Add option for "footer-justify"
|
|
6
|
+
|
|
7
|
+
## 0.1.0-beta.119
|
|
4
8
|
|
|
5
9
|
- **scss/components/card** Remove overflow hidden (not needed and gets in the way)
|
|
6
10
|
- Example popovers inside cards need no overflow hidden for absolute strategy
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ulu/frontend",
|
|
3
|
-
"version": "0.1.0-beta.
|
|
3
|
+
"version": "0.1.0-beta.120",
|
|
4
4
|
"description": "A versatile SCSS and JavaScript component library offering configurable, accessible components and flexible integration into any project, with SCSS modules suitable for modern JS frameworks.",
|
|
5
5
|
"browser": "js/index.js",
|
|
6
6
|
"main": "index.js",
|
|
@@ -50,6 +50,7 @@
|
|
|
50
50
|
/// @prop {String} clickable-card-interact-selector [&:hover, &:focus-within] The selectors for the cards being interacted with.
|
|
51
51
|
/// @prop {Dimension} footer-padding-y [0.25rem] The top and bottom padding for the footer.
|
|
52
52
|
/// @prop {Dimension} footer-min-height [2.5rem] The min height for the footer
|
|
53
|
+
/// @prop {Dimension} footer-justify [flex-end] Flex alignment of footer items (on end by default)
|
|
53
54
|
/// @prop {String} prefix [card] The class name used to add card styling.
|
|
54
55
|
/// @prop {Boolean} transition-enabled [true] Enable or disable transition for card.
|
|
55
56
|
/// @prop {CssValue} transition-timing-function [ease-in-out] The timing function for the card animation.
|
|
@@ -87,6 +88,7 @@ $config: (
|
|
|
87
88
|
"color-hover" : null,
|
|
88
89
|
"footer-padding-y" : 0.25rem,
|
|
89
90
|
"footer-min-height" : 2.5rem,
|
|
91
|
+
"footer-justify" : flex-end,
|
|
90
92
|
"horizontal-breakpoint" : "small",
|
|
91
93
|
"horizontal-image-width" : min(33%, 20rem),
|
|
92
94
|
"horizontal-min-height" : 20rem,
|
|
@@ -337,7 +339,7 @@ $config: (
|
|
|
337
339
|
min-height: get("footer-min-height");
|
|
338
340
|
display: flex;
|
|
339
341
|
align-items: center;
|
|
340
|
-
justify-content:
|
|
342
|
+
justify-content: get("footer-justify");
|
|
341
343
|
}
|
|
342
344
|
// body + footer {
|
|
343
345
|
// means body keeps before pseudo element while footer loses it
|