@lumx/core 2.1.9-alpha-thumbnail5 → 2.1.9-alpha-thumbnail7
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/css/design-tokens.css +2 -2
- package/js/constants/design-tokens.js +2 -2
- package/js/constants/design-tokens.min.js +1 -1
- package/js/constants/design-tokens.min.js.map +1 -1
- package/js/constants/design-tokens.ts +2 -2
- package/lumx.css +1 -1
- package/lumx.min.css +1 -1
- package/package.json +2 -2
- package/scss/_design-tokens.scss +2 -2
- package/scss/components/thumbnail/_index.scss +20 -15
package/package.json
CHANGED
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
"version": "yarn version-changelog ../../CHANGELOG.md && yarn changelog-verify ../../CHANGELOG.md && git add ../../CHANGELOG.md"
|
|
43
43
|
},
|
|
44
44
|
"sideEffects": false,
|
|
45
|
-
"version": "2.1.9-alpha-
|
|
45
|
+
"version": "2.1.9-alpha-thumbnail7",
|
|
46
46
|
"devDependencies": {
|
|
47
47
|
"@babel/core": "^7.8.3",
|
|
48
48
|
"@babel/plugin-proposal-class-properties": "^7.8.3",
|
|
@@ -82,5 +82,5 @@
|
|
|
82
82
|
"moment": "^2.24.0",
|
|
83
83
|
"moment-range": "^4.0.2"
|
|
84
84
|
},
|
|
85
|
-
"gitHead": "
|
|
85
|
+
"gitHead": "f6226ace6e7d4d653c91632aecdeafc4bca923f1"
|
|
86
86
|
}
|
package/scss/_design-tokens.scss
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed, 12 Jan 2022
|
|
3
|
+
* Generated on Wed, 12 Jan 2022 16:44:48 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
$lumx-button-height: 36px !default;
|
|
@@ -538,7 +538,7 @@ $lumx-typography-custom-body-font-size: 14px !default;
|
|
|
538
538
|
$lumx-typography-custom-body-font-weight: var(--lumx-typography-font-weight-regular) !default;
|
|
539
539
|
$lumx-typography-custom-body-line-height: 20px !default;
|
|
540
540
|
$lumx-typography-custom-quote-font-size: 16px !default;
|
|
541
|
-
$lumx-typography-custom-quote-font-weight: var(--lumx-typography-font-weight-
|
|
541
|
+
$lumx-typography-custom-quote-font-weight: var(--lumx-typography-font-weight-regular) !default;
|
|
542
542
|
$lumx-typography-custom-quote-font-style: italic !default;
|
|
543
543
|
$lumx-typography-custom-quote-line-height: 24px !default;
|
|
544
544
|
$lumx-typography-custom-publish-info-font-size: 14px !default;
|
|
@@ -32,6 +32,7 @@
|
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
&__image {
|
|
35
|
+
font-size: 0;
|
|
35
36
|
width: fit-content;
|
|
36
37
|
max-width: 100%;
|
|
37
38
|
height: fit-content;
|
|
@@ -69,11 +70,13 @@
|
|
|
69
70
|
@each $key, $size in $lumx-sizes {
|
|
70
71
|
.#{$lumx-base-prefix}-thumbnail--size-#{$key} {
|
|
71
72
|
width: $size;
|
|
73
|
+
}
|
|
74
|
+
}
|
|
72
75
|
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
76
|
+
.#{$lumx-base-prefix}-thumbnail[class*="#{$lumx-base-prefix}-thumbnail--size-"] {
|
|
77
|
+
.#{$lumx-base-prefix}-thumbnail__background,
|
|
78
|
+
.#{$lumx-base-prefix}-thumbnail__image {
|
|
79
|
+
width: 100%;
|
|
77
80
|
}
|
|
78
81
|
}
|
|
79
82
|
|
|
@@ -167,21 +170,23 @@
|
|
|
167
170
|
/* Error state */
|
|
168
171
|
.#{$lumx-base-prefix}-thumbnail--has-error {
|
|
169
172
|
/** Icon fallback */
|
|
170
|
-
&.#{$lumx-base-prefix}-thumbnail--has-icon-error-fallback
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
173
|
+
&.#{$lumx-base-prefix}-thumbnail--has-icon-error-fallback {
|
|
174
|
+
.#{$lumx-base-prefix}-thumbnail__fallback {
|
|
175
|
+
position: absolute;
|
|
176
|
+
top: 0;
|
|
177
|
+
right: 0;
|
|
178
|
+
bottom: 0;
|
|
179
|
+
left: 0;
|
|
180
|
+
display: flex;
|
|
181
|
+
align-items: center;
|
|
182
|
+
justify-content: center;
|
|
183
|
+
}
|
|
179
184
|
|
|
180
|
-
|
|
185
|
+
&.#{$lumx-base-prefix}-thumbnail--theme-light .#{$lumx-base-prefix}-thumbnail__fallback {
|
|
181
186
|
background-color: lumx-color-variant('dark', 'L6');
|
|
182
187
|
}
|
|
183
188
|
|
|
184
|
-
|
|
189
|
+
&.#{$lumx-base-prefix}-thumbnail--theme-dark .#{$lumx-base-prefix}-thumbnail__fallback {
|
|
185
190
|
background-color: lumx-color-variant('light', 'L6');
|
|
186
191
|
}
|
|
187
192
|
}
|