@nice-digital/nds-maintain-ratio 1.2.18-alpha.0 → 2.0.0-alpha.0
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/package.json +5 -5
- package/scss/maintain-ratio.scss +4 -6
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nice-digital/nds-maintain-ratio",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "2.0.0-alpha.0",
|
|
4
4
|
"description": "Maintain ratio component for the NICE Design System",
|
|
5
5
|
"author": "Ian Routledge <ian.routledge@nice.org.uk>",
|
|
6
6
|
"homepage": "https://design-system.nice.org.uk/",
|
|
@@ -34,16 +34,16 @@
|
|
|
34
34
|
"url": "https://github.com/nice-digital/nice-design-system/issues"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@nice-digital/nds-core": "^
|
|
37
|
+
"@nice-digital/nds-core": "^2.0.0-alpha.0",
|
|
38
38
|
"classnames": "^2.3.1",
|
|
39
39
|
"prop-types": "^15.7.2"
|
|
40
40
|
},
|
|
41
41
|
"peerDependencies": {
|
|
42
|
-
"react": "^16 || ^17",
|
|
43
|
-
"react-dom": "^16 || ^17"
|
|
42
|
+
"react": "^16 || ^17 || ^18",
|
|
43
|
+
"react-dom": "^16 || ^17 || ^18"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
46
46
|
"@babel/cli": "^7.5.0"
|
|
47
47
|
},
|
|
48
|
-
"gitHead": "
|
|
48
|
+
"gitHead": "66fbcb1c0c01b0afc6b51b0f3fe4719be92996b0"
|
|
49
49
|
}
|
package/scss/maintain-ratio.scss
CHANGED
|
@@ -2,9 +2,7 @@
|
|
|
2
2
|
/// @group components
|
|
3
3
|
////
|
|
4
4
|
|
|
5
|
-
@use
|
|
6
|
-
|
|
7
|
-
@import '~@nice-digital/nds-core/scss/core';
|
|
5
|
+
@use 'sass:math';
|
|
8
6
|
|
|
9
7
|
/// Maintains the aspect ratio of an embedded item, useful for responsive embedding, e.g.
|
|
10
8
|
/// YouTube videos in iframes or video tags. Also useful when you know the ratio of an image
|
|
@@ -59,17 +57,17 @@
|
|
|
59
57
|
|
|
60
58
|
// Modifier class for 21:9 aspect ratio
|
|
61
59
|
&--21-9 {
|
|
62
|
-
padding-bottom: percentage(math.div(9, 21));
|
|
60
|
+
padding-bottom: math.percentage(math.div(9, 21));
|
|
63
61
|
}
|
|
64
62
|
|
|
65
63
|
// Modifier class for 16:9 aspect ratio
|
|
66
64
|
&--16-9 {
|
|
67
|
-
padding-bottom: percentage(math.div(9, 16));
|
|
65
|
+
padding-bottom: math.percentage(math.div(9, 16));
|
|
68
66
|
}
|
|
69
67
|
|
|
70
68
|
// Modifier class for 4:3 aspect ratio
|
|
71
69
|
&--4-3 {
|
|
72
|
-
padding-bottom: percentage(3 * 0.25);
|
|
70
|
+
padding-bottom: math.percentage(3 * 0.25);
|
|
73
71
|
}
|
|
74
72
|
|
|
75
73
|
// Modifier class for square aspect ratio
|