@ilo-org/styles 1.0.1 → 1.0.2
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/components/breadcrumb.css +1 -1
- package/css/components/navigation.css +1 -1
- package/css/components/tabs.css +1 -1
- package/css/global.css.map +1 -1
- package/css/index.css +2 -2
- package/css/index.css.map +1 -1
- package/css/monorepo.css +2 -2
- package/css/monorepo.css.map +1 -1
- package/package.json +2 -2
- package/scss/components/_breadcrumb.scss +1 -0
- package/scss/components/_navigation.scss +2 -2
- package/scss/components/_tabs.scss +5 -4
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.0.
|
|
4
|
+
"version": "1.0.2",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
7
|
"url": "https://github.com/international-labour-organization/designsystem.git",
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
"author": "@justintemps, @johnpauldavis, @avrilpearl, @ghlost",
|
|
39
39
|
"license": "Apache-2.0",
|
|
40
40
|
"dependencies": {
|
|
41
|
-
"@ilo-org/fonts": "0.2.
|
|
41
|
+
"@ilo-org/fonts": "0.2.2",
|
|
42
42
|
"@ilo-org/icons": "0.3.1",
|
|
43
43
|
"@ilo-org/themes": "0.8.1"
|
|
44
44
|
},
|
|
@@ -595,7 +595,7 @@
|
|
|
595
595
|
|
|
596
596
|
&::before {
|
|
597
597
|
background: $brand-ilo-dark-blue;
|
|
598
|
-
clip-path: polygon(0 0, 100% 0,
|
|
598
|
+
clip-path: polygon(0 0, 100% 0, 97% 100%);
|
|
599
599
|
content: "";
|
|
600
600
|
display: block;
|
|
601
601
|
height: 100%;
|
|
@@ -605,7 +605,7 @@
|
|
|
605
605
|
width: 32px;
|
|
606
606
|
|
|
607
607
|
[dir="rtl"] & {
|
|
608
|
-
clip-path: polygon(0 0, 0 100%,
|
|
608
|
+
clip-path: polygon(0 0, 0 100%, 97% 0);
|
|
609
609
|
left: auto;
|
|
610
610
|
right: -31px;
|
|
611
611
|
}
|
|
@@ -71,6 +71,7 @@
|
|
|
71
71
|
font-family: $fonts-display;
|
|
72
72
|
font-weight: 600;
|
|
73
73
|
display: flex;
|
|
74
|
+
gap: spacing(1);
|
|
74
75
|
height: px-to-rem(60px);
|
|
75
76
|
justify-content: flex-start;
|
|
76
77
|
padding-left: spacing(2);
|
|
@@ -88,13 +89,13 @@
|
|
|
88
89
|
&.icon {
|
|
89
90
|
.ilo--icon {
|
|
90
91
|
height: px-to-rem(16px);
|
|
91
|
-
margin-right: px-to-rem(5px);
|
|
92
92
|
order: 1;
|
|
93
93
|
width: px-to-rem(16px);
|
|
94
94
|
}
|
|
95
95
|
|
|
96
96
|
.ilo--tabs--selection--label {
|
|
97
97
|
order: 2;
|
|
98
|
+
flex: 1 1;
|
|
98
99
|
}
|
|
99
100
|
}
|
|
100
101
|
|
|
@@ -115,14 +116,14 @@
|
|
|
115
116
|
}
|
|
116
117
|
|
|
117
118
|
&--label {
|
|
118
|
-
display: -webkit-box;
|
|
119
|
-
-webkit-line-clamp: 1;
|
|
120
|
-
-webkit-box-orient: vertical;
|
|
121
119
|
overflow: hidden;
|
|
122
120
|
padding-top: spacing(1);
|
|
121
|
+
white-space: nowrap;
|
|
122
|
+
text-overflow: ellipsis;
|
|
123
123
|
}
|
|
124
124
|
|
|
125
125
|
&--item {
|
|
126
|
+
overflow: hidden;
|
|
126
127
|
display: block;
|
|
127
128
|
width: 100%;
|
|
128
129
|
|