@nl-rvo/css-image 1.2.0 → 1.2.1
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 +6 -0
- package/dist/index.css +3 -3
- package/dist/index.min.css +1 -1
- package/dist/index.mjs +1 -1
- package/package.json +3 -2
- package/src/index.scss +3 -3
package/CHANGELOG.md
CHANGED
package/dist/index.css
CHANGED
|
@@ -9,12 +9,12 @@
|
|
|
9
9
|
--rvo-image-object-fit: cover;
|
|
10
10
|
--rvo-image-object-position: center;
|
|
11
11
|
--rvo-image-border-radius: var(--rvo-border-radius-2xl, 4px);
|
|
12
|
+
block-size: var(--rvo-image-height);
|
|
12
13
|
display: block;
|
|
13
|
-
|
|
14
|
-
max-
|
|
14
|
+
inline-size: var(--rvo-image-width);
|
|
15
|
+
max-inline-size: var(--rvo-image-max-width);
|
|
15
16
|
object-fit: var(--rvo-image-object-fit);
|
|
16
17
|
object-position: var(--rvo-image-object-position);
|
|
17
|
-
width: var(--rvo-image-width);
|
|
18
18
|
}
|
|
19
19
|
.rvo-image--radius-size-sm {
|
|
20
20
|
--rvo-image-border-radius: var(--rvo-border-radius-sm, 3px);
|
package/dist/index.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.rvo-image{--rvo-image-width:auto;--rvo-image-height:auto;--rvo-image-max-width:100%;--rvo-image-object-fit:cover;--rvo-image-object-position:center;--rvo-image-border-radius:var(--rvo-border-radius-2xl,4px);display:block;
|
|
1
|
+
.rvo-image{--rvo-image-width:auto;--rvo-image-height:auto;--rvo-image-max-width:100%;--rvo-image-object-fit:cover;--rvo-image-object-position:center;--rvo-image-border-radius:var(--rvo-border-radius-2xl,4px);block-size:var(--rvo-image-height);display:block;inline-size:var(--rvo-image-width);max-inline-size:var(--rvo-image-max-width);object-fit:var(--rvo-image-object-fit);object-position:var(--rvo-image-object-position)}.rvo-image--radius-size-sm{--rvo-image-border-radius:var(--rvo-border-radius-sm,3px)}.rvo-image--radius-size-md{--rvo-image-border-radius:var(--rvo-border-radius-md,5px)}.rvo-image--radius-size-lg{--rvo-image-border-radius:var(--rvo-border-radius-lg,10px)}.rvo-image--radius-size-xl{--rvo-image-border-radius:var(--rvo-border-radius-xl,20px)}.rvo-image--radius-size-2xl{--rvo-image-border-radius:var(--rvo-border-radius-2xl,50px)}.rvo-image--radius-all{border-radius:var(--rvo-image-border-radius)}.rvo-image--radius-top-left{border-start-start-radius:var(--rvo-image-border-radius)}.rvo-image--radius-top-right{border-start-end-radius:var(--rvo-image-border-radius)}.rvo-image--radius-bottom-right{border-end-end-radius:var(--rvo-image-border-radius)}.rvo-image--radius-bottom-left{border-end-start-radius:var(--rvo-image-border-radius)}.rvo-image__wrapper{display:inline-block;line-height:0;margin:0}
|
package/dist/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export default ".rvo-image{--rvo-image-width:auto;--rvo-image-height:auto;--rvo-image-max-width:100%;--rvo-image-object-fit:cover;--rvo-image-object-position:center;--rvo-image-border-radius:var(--rvo-border-radius-2xl,4px);display:block;
|
|
1
|
+
export default ".rvo-image{--rvo-image-width:auto;--rvo-image-height:auto;--rvo-image-max-width:100%;--rvo-image-object-fit:cover;--rvo-image-object-position:center;--rvo-image-border-radius:var(--rvo-border-radius-2xl,4px);block-size:var(--rvo-image-height);display:block;inline-size:var(--rvo-image-width);max-inline-size:var(--rvo-image-max-width);object-fit:var(--rvo-image-object-fit);object-position:var(--rvo-image-object-position)}.rvo-image--radius-size-sm{--rvo-image-border-radius:var(--rvo-border-radius-sm,3px)}.rvo-image--radius-size-md{--rvo-image-border-radius:var(--rvo-border-radius-md,5px)}.rvo-image--radius-size-lg{--rvo-image-border-radius:var(--rvo-border-radius-lg,10px)}.rvo-image--radius-size-xl{--rvo-image-border-radius:var(--rvo-border-radius-xl,20px)}.rvo-image--radius-size-2xl{--rvo-image-border-radius:var(--rvo-border-radius-2xl,50px)}.rvo-image--radius-all{border-radius:var(--rvo-image-border-radius)}.rvo-image--radius-top-left{border-start-start-radius:var(--rvo-image-border-radius)}.rvo-image--radius-top-right{border-start-end-radius:var(--rvo-image-border-radius)}.rvo-image--radius-bottom-right{border-end-end-radius:var(--rvo-image-border-radius)}.rvo-image--radius-bottom-left{border-end-start-radius:var(--rvo-image-border-radius)}.rvo-image__wrapper{display:inline-block;line-height:0;margin:0}";
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "1.2.
|
|
2
|
+
"version": "1.2.1",
|
|
3
3
|
"author": "Community for NL Design System",
|
|
4
4
|
"license": "CC0-1.0",
|
|
5
5
|
"name": "@nl-rvo/css-image",
|
|
@@ -18,7 +18,8 @@
|
|
|
18
18
|
"main": "dist/index.css",
|
|
19
19
|
"style": "dist/index.css",
|
|
20
20
|
"publishConfig": {
|
|
21
|
-
"access": "public"
|
|
21
|
+
"access": "public",
|
|
22
|
+
"provenance": true
|
|
22
23
|
},
|
|
23
24
|
"repository": {
|
|
24
25
|
"type": "git+ssh",
|
package/src/index.scss
CHANGED
|
@@ -11,12 +11,12 @@
|
|
|
11
11
|
--rvo-image-object-position: center;
|
|
12
12
|
--rvo-image-border-radius: var(--rvo-border-radius-2xl, 4px);
|
|
13
13
|
|
|
14
|
+
block-size: var(--rvo-image-height);
|
|
14
15
|
display: block;
|
|
15
|
-
|
|
16
|
-
max-
|
|
16
|
+
inline-size: var(--rvo-image-width);
|
|
17
|
+
max-inline-size: var(--rvo-image-max-width);
|
|
17
18
|
object-fit: var(--rvo-image-object-fit);
|
|
18
19
|
object-position: var(--rvo-image-object-position);
|
|
19
|
-
width: var(--rvo-image-width);
|
|
20
20
|
|
|
21
21
|
&--radius-size {
|
|
22
22
|
&-sm {
|