@lumx/core 2.1.9-alpha-thumbnail5 → 2.1.9-alpha-thumbnail10
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 +22 -16
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-thumbnail10",
|
|
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": "bab7c83bb2ad4ea7ff3f4a8328a07a57f87ff88e"
|
|
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;
|
|
@@ -36,6 +36,7 @@
|
|
|
36
36
|
max-width: 100%;
|
|
37
37
|
height: fit-content;
|
|
38
38
|
max-height: 100%;
|
|
39
|
+
font-size: 0;
|
|
39
40
|
}
|
|
40
41
|
|
|
41
42
|
&__background,
|
|
@@ -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
|
|
|
@@ -95,7 +98,8 @@
|
|
|
95
98
|
}
|
|
96
99
|
|
|
97
100
|
@each $key, $aspect-ratio in $lumx-thumbnail-aspect-ratio {
|
|
98
|
-
.#{$lumx-base-prefix}-thumbnail--aspect-ratio-#{$key}
|
|
101
|
+
.#{$lumx-base-prefix}-thumbnail--aspect-ratio-#{$key}:not(.#{$lumx-base-prefix}-thumbnail--fill-height)
|
|
102
|
+
.#{$lumx-base-prefix}-thumbnail__background {
|
|
99
103
|
padding-top: $aspect-ratio;
|
|
100
104
|
}
|
|
101
105
|
}
|
|
@@ -167,21 +171,23 @@
|
|
|
167
171
|
/* Error state */
|
|
168
172
|
.#{$lumx-base-prefix}-thumbnail--has-error {
|
|
169
173
|
/** Icon fallback */
|
|
170
|
-
&.#{$lumx-base-prefix}-thumbnail--has-icon-error-fallback
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
174
|
+
&.#{$lumx-base-prefix}-thumbnail--has-icon-error-fallback {
|
|
175
|
+
.#{$lumx-base-prefix}-thumbnail__fallback {
|
|
176
|
+
position: absolute;
|
|
177
|
+
top: 0;
|
|
178
|
+
right: 0;
|
|
179
|
+
bottom: 0;
|
|
180
|
+
left: 0;
|
|
181
|
+
display: flex;
|
|
182
|
+
align-items: center;
|
|
183
|
+
justify-content: center;
|
|
184
|
+
}
|
|
179
185
|
|
|
180
|
-
|
|
186
|
+
&.#{$lumx-base-prefix}-thumbnail--theme-light .#{$lumx-base-prefix}-thumbnail__fallback {
|
|
181
187
|
background-color: lumx-color-variant('dark', 'L6');
|
|
182
188
|
}
|
|
183
189
|
|
|
184
|
-
|
|
190
|
+
&.#{$lumx-base-prefix}-thumbnail--theme-dark .#{$lumx-base-prefix}-thumbnail__fallback {
|
|
185
191
|
background-color: lumx-color-variant('light', 'L6');
|
|
186
192
|
}
|
|
187
193
|
}
|