@ulu/frontend 0.1.0-beta.98 → 0.1.0-beta.99
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 +4 -0
- package/dist/ulu-frontend.min.css +1 -1
- package/docs-dev/changelog/index.html +7 -0
- package/docs-dev/demos/card/index.html +16 -16
- package/docs-dev/demos/data-table/index.html +100 -100
- package/docs-dev/demos/popovers/index.html +0 -5873
- package/docs-dev/demos/skeleton/index.html +1 -1
- package/docs-dev/sass/components/skeleton/index.html +1 -1
- package/package.json +1 -1
- package/scss/components/_skeleton.scss +12 -5
|
@@ -5656,7 +5656,7 @@
|
|
|
5656
5656
|
</div>
|
|
5657
5657
|
</div>
|
|
5658
5658
|
<div class="card__image">
|
|
5659
|
-
<div class="skeleton-block
|
|
5659
|
+
<div class="skeleton-block card__image-media layout-flex-center-all">
|
|
5660
5660
|
<span class="fas fa-image type-large-xx" aria-hidden="true"></span>
|
|
5661
5661
|
</div>
|
|
5662
5662
|
</div>
|
|
@@ -5789,7 +5789,7 @@
|
|
|
5789
5789
|
<li><strong>Group:</strong> skeleton</li>
|
|
5790
5790
|
<li><strong>Type:</strong> mixin</li>
|
|
5791
5791
|
<li><strong>Lines (comments):</strong> 75-78</li>
|
|
5792
|
-
<li><strong>Lines (code):</strong> 80-
|
|
5792
|
+
<li><strong>Lines (code):</strong> 80-122</li>
|
|
5793
5793
|
</ul>
|
|
5794
5794
|
</details>
|
|
5795
5795
|
<div class="callout callout--demo crop-margins">
|
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.99",
|
|
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",
|
|
@@ -79,10 +79,20 @@ $config: (
|
|
|
79
79
|
|
|
80
80
|
@mixin styles {
|
|
81
81
|
$prefix: selector.class("skeleton");
|
|
82
|
-
|
|
83
|
-
#{ $prefix }-background
|
|
82
|
+
#{ $prefix },
|
|
83
|
+
#{ $prefix }-background,
|
|
84
|
+
#{ $prefix }-block,
|
|
85
|
+
#{ $prefix }-text {
|
|
86
|
+
animation: get("animation");
|
|
87
|
+
color: color.get(get("color"));
|
|
88
|
+
}
|
|
89
|
+
#{ $prefix }-background {
|
|
90
|
+
animation: get("animation");
|
|
84
91
|
background-color: color.get(get("background-color")) !important;
|
|
85
92
|
}
|
|
93
|
+
#{ $prefix }-background--alt {
|
|
94
|
+
background-color: color.get(get("background-color-alt"));
|
|
95
|
+
}
|
|
86
96
|
#{ $prefix }-block,
|
|
87
97
|
#{ $prefix }-text {
|
|
88
98
|
animation: get("animation");
|
|
@@ -90,9 +100,6 @@ $config: (
|
|
|
90
100
|
background-color: color.get(get("background-color")) !important;
|
|
91
101
|
border-radius: get("border-radius");
|
|
92
102
|
}
|
|
93
|
-
#{ $prefix }-alt {
|
|
94
|
-
background-color: color.get(get("background-color-alt"));
|
|
95
|
-
}
|
|
96
103
|
#{ $prefix }-block--media {
|
|
97
104
|
aspect-ratio: 4/3;
|
|
98
105
|
}
|