@ilo-org/styles 1.11.2 → 1.11.4

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 CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@ilo-org/styles",
3
3
  "description": "Styles for products using ILO's Design System",
4
- "version": "1.11.2",
4
+ "version": "1.11.4",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/international-labour-organization/designsystem.git",
@@ -38,7 +38,7 @@
38
38
  "license": "Apache-2.0",
39
39
  "dependencies": {
40
40
  "@ilo-org/fonts": "2.0.0",
41
- "@ilo-org/icons": "2.4.0"
41
+ "@ilo-org/icons": "2.4.1"
42
42
  },
43
43
  "devDependencies": {
44
44
  "cssnano": "^7.0.6",
package/scss/_mixins.scss CHANGED
@@ -222,20 +222,18 @@
222
222
  @mixin invincible-list($bullet-color: var(--ilo-color-gray-base)) {
223
223
  li {
224
224
  position: relative;
225
- margin-bottom: spacing(4);
225
+ margin-bottom: spacing(3);
226
226
  display: table;
227
227
  border-collapse: separate;
228
228
  border-spacing: spacing(3) 0;
229
229
  margin-left: calc(spacing(3) * -1);
230
230
  margin-right: calc(spacing(3) * -1);
231
231
 
232
- font-family: var(--ilo-fonts-copy);
233
- font-weight: var(--ilo-font-weight-regular);
234
- font-size: var(--ilo-font-size-md);
235
- line-height: var(--ilo-line-height-2xlg);
232
+ @include typography("body-large", true);
236
233
 
237
- @include breakpoint("md") {
238
- font-size: var(--ilo-font-size-lg);
234
+ @include breakpoint("lg") {
235
+ @include typography("body-large", false);
236
+ margin-bottom: spacing(4);
239
237
  }
240
238
  }
241
239
 
@@ -3,14 +3,11 @@
3
3
 
4
4
  .ilo--list {
5
5
  &--title {
6
- font-size: var(--ilo-font-size-xlg);
7
- line-height: var(--ilo-line-height-md);
8
- letter-spacing: var(--ilo-letter-spacing-xsm);
9
- font-weight: var(--ilo-font-weight-bold);
6
+ @include typography("heading-3", true);
10
7
  margin-bottom: spacing(4);
11
8
 
12
9
  @include breakpoint("lg") {
13
- font-size: var(--ilo-font-size-3xlg);
10
+ @include typography("heading-3");
14
11
  margin-bottom: spacing(6);
15
12
  }
16
13
  }