@transferwise/neptune-css 0.0.0-experimental-cb358e4 → 0.0.0-experimental-a21d52d
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/dist/css/accordion.css +11 -53
- package/dist/css/badge.css +2 -2
- package/dist/css/button-groups.css +6 -29
- package/dist/css/buttons.css +11 -35
- package/dist/css/decision.css +11 -53
- package/dist/css/dropdowns.css +18 -65
- package/dist/css/droppable.css +6 -28
- package/dist/css/footer.css +10 -41
- package/dist/css/input-groups.css +117 -249
- package/dist/css/list-group.css +8 -28
- package/dist/css/modals.css +1 -1
- package/dist/css/navbar.css +45 -92
- package/dist/css/navs.css +8 -8
- package/dist/css/neptune-addons.css +0 -15
- package/dist/css/neptune-core.css +536 -6243
- package/dist/css/neptune.css +1960 -8984
- package/dist/css/panels.css +2 -2
- package/dist/css/popovers.css +20 -64
- package/dist/css/progress-bars.css +2 -2
- package/dist/css/sequences.css +9 -14
- package/dist/css/table.css +7 -7
- package/dist/css/tooltip.css +6 -28
- package/dist/fonts/inter-cyrillic-ext-variable-wghtOnly-normal.woff2 +0 -0
- package/dist/fonts/inter-cyrillic-variable-wghtOnly-normal.woff2 +0 -0
- package/dist/fonts/inter-greek-ext-variable-wghtOnly-normal.woff2 +0 -0
- package/dist/fonts/inter-greek-variable-wghtOnly-normal.woff2 +0 -0
- package/dist/fonts/inter-latin-ext-variable-wghtOnly-normal.woff2 +0 -0
- package/dist/fonts/inter-latin-variable-wghtOnly-normal.woff2 +0 -0
- package/dist/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2 +0 -0
- package/dist/fonts/rubik/rubik-body-cyrillic-330-normal.woff2 +0 -0
- package/dist/fonts/rubik/rubik-body-cyrillic-600-normal.woff2 +0 -0
- package/dist/fonts/rubik/rubik-body-cyrillic-ext-330-normal.woff2 +0 -0
- package/dist/fonts/rubik/rubik-body-cyrillic-ext-600-normal.woff2 +0 -0
- package/dist/fonts/rubik/rubik-cyrillic-900-normal.woff2 +0 -0
- package/dist/fonts/rubik/rubik-cyrillic-ext-900-normal.woff2 +0 -0
- package/dist/less/legacy-variables.less +3 -3
- package/dist/less/neptune-tokens.less +48 -0
- package/dist/props/neptune-tokens.css +3 -805
- package/package.json +2 -2
- package/src/fonts/inter-cyrillic-ext-variable-wghtOnly-normal.woff2 +0 -0
- package/src/fonts/inter-cyrillic-variable-wghtOnly-normal.woff2 +0 -0
- package/src/fonts/inter-greek-ext-variable-wghtOnly-normal.woff2 +0 -0
- package/src/fonts/inter-greek-variable-wghtOnly-normal.woff2 +0 -0
- package/src/fonts/inter-latin-ext-variable-wghtOnly-normal.woff2 +0 -0
- package/src/fonts/inter-latin-variable-wghtOnly-normal.woff2 +0 -0
- package/src/fonts/inter-vietnamese-variable-wghtOnly-normal.woff2 +0 -0
- package/src/fonts/rubik/rubik-body-cyrillic-330-normal.woff2 +0 -0
- package/src/fonts/rubik/rubik-body-cyrillic-600-normal.woff2 +0 -0
- package/src/fonts/rubik/rubik-body-cyrillic-ext-330-normal.woff2 +0 -0
- package/src/fonts/rubik/rubik-body-cyrillic-ext-600-normal.woff2 +0 -0
- package/src/fonts/rubik/rubik-cyrillic-900-normal.woff2 +0 -0
- package/src/fonts/rubik/rubik-cyrillic-ext-900-normal.woff2 +0 -0
- package/src/less/addons/_background-utilities.less +0 -5
- package/src/less/badge.less +2 -2
- package/src/less/button-groups.less +2 -3
- package/src/less/buttons.less +7 -7
- package/src/less/core/_fonts.less +75 -7
- package/src/less/core/_scaffolding.less +4 -4
- package/src/less/core/_typography-utilities.less +3 -3
- package/src/less/core/_typography.less +237 -91
- package/src/less/decision.less +2 -2
- package/src/less/dropdowns.less +7 -8
- package/src/less/droppable.less +4 -4
- package/src/less/footer.less +3 -4
- package/src/less/forms/bootstrap-forms.less +72 -85
- package/src/less/forms/checkbox-radio.less +3 -3
- package/src/less/input-groups.less +9 -23
- package/src/less/list-group.less +5 -8
- package/src/less/mixins/_reset-text.less +1 -1
- package/src/less/mixins/_text-emphasis.less +1 -7
- package/src/less/modals.less +1 -1
- package/src/less/navbar.less +19 -19
- package/src/less/navs.less +8 -8
- package/src/less/neptune.bundle.less +0 -4
- package/src/less/panels.less +2 -2
- package/src/less/popovers.less +7 -7
- package/src/less/progress-bars.less +2 -2
- package/src/less/sequences.less +10 -15
- package/src/less/table.less +7 -7
- package/src/less/tooltip.less +1 -1
- package/src/variables/legacy-variables.less +3 -3
- package/src/less/core/fonts/_fonts-ar.less +0 -86
- package/src/less/core/fonts/_fonts-base.less +0 -99
- package/src/less/core/fonts/_fonts-he.less +0 -8
- package/src/less/core/fonts/_fonts-ja.less +0 -4247
- package/src/less/core/fonts/_fonts-ko.less +0 -1079
- package/src/less/core/fonts/_fonts-th.less +0 -8
- package/src/less/core/fonts/_fonts-zh.less +0 -872
package/src/less/navbar.less
CHANGED
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
|
|
30
30
|
.navbar {
|
|
31
31
|
position: relative;
|
|
32
|
-
font-size: var(--
|
|
32
|
+
font-size: var(--font-size-14);
|
|
33
33
|
min-height: @navbar-height; // Ensure a navbar always shows (e.g., without a .navbar-brand in collapsed mode)
|
|
34
34
|
margin-bottom: @navbar-margin-bottom;
|
|
35
35
|
border: 0 solid transparent;
|
|
@@ -250,9 +250,9 @@
|
|
|
250
250
|
outline: 0;
|
|
251
251
|
}
|
|
252
252
|
|
|
253
|
-
font-size: var(--
|
|
254
|
-
font-weight: var(--
|
|
255
|
-
line-height: var(--
|
|
253
|
+
font-size: var(--font-size-16);
|
|
254
|
+
font-weight: var(--font-weight-semi-bold);
|
|
255
|
+
line-height: var(--line-height-body);
|
|
256
256
|
margin-bottom: 8px;
|
|
257
257
|
color: @color-navy-content-primary;
|
|
258
258
|
|
|
@@ -344,7 +344,7 @@
|
|
|
344
344
|
|
|
345
345
|
&.navbar-title-link {
|
|
346
346
|
@media (--screen-md) {
|
|
347
|
-
font-size: var(--
|
|
347
|
+
font-size: var(--font-size-20);
|
|
348
348
|
}
|
|
349
349
|
}
|
|
350
350
|
}
|
|
@@ -358,7 +358,7 @@
|
|
|
358
358
|
> li {
|
|
359
359
|
> a,
|
|
360
360
|
> button {
|
|
361
|
-
font-size: var(--
|
|
361
|
+
font-size: var(--font-size-16);
|
|
362
362
|
padding: @navbar-padding-mobile;
|
|
363
363
|
-webkit-touch-callout: none; // When a target is touched and held on iPhone OS, Safari displays a callout information about the link. This property allows disabling that behavior.
|
|
364
364
|
}
|
|
@@ -420,7 +420,7 @@
|
|
|
420
420
|
|
|
421
421
|
> a {
|
|
422
422
|
padding-bottom: (@navbar-padding-vertical - 2px);
|
|
423
|
-
font-size: var(--
|
|
423
|
+
font-size: var(--font-size-14);
|
|
424
424
|
}
|
|
425
425
|
}
|
|
426
426
|
}
|
|
@@ -481,7 +481,7 @@
|
|
|
481
481
|
.arrow-pointer(@dropdown-arrow-width);
|
|
482
482
|
|
|
483
483
|
> li > a {
|
|
484
|
-
font-size: var(--
|
|
484
|
+
font-size: var(--font-size-14);
|
|
485
485
|
|
|
486
486
|
@media (max-width: @grid-float-breakpoint) {
|
|
487
487
|
position: relative;
|
|
@@ -504,7 +504,7 @@
|
|
|
504
504
|
> .active > a {
|
|
505
505
|
color: var(--color-content-accent-active);
|
|
506
506
|
background-color: transparent;
|
|
507
|
-
font-weight: var(--
|
|
507
|
+
font-weight: var(--font-weight-bold);
|
|
508
508
|
|
|
509
509
|
&:hover,
|
|
510
510
|
&:focus {
|
|
@@ -595,7 +595,7 @@
|
|
|
595
595
|
.navbar-vertical-align(22);
|
|
596
596
|
}
|
|
597
597
|
|
|
598
|
-
font-weight: var(--
|
|
598
|
+
font-weight: var(--font-weight-semi-bold);
|
|
599
599
|
|
|
600
600
|
@media (max-width: @grid-float-breakpoint-max) {
|
|
601
601
|
display: block;
|
|
@@ -684,7 +684,7 @@
|
|
|
684
684
|
> a,
|
|
685
685
|
> .dropdown-toggle {
|
|
686
686
|
|
|
687
|
-
font-weight: var(--
|
|
687
|
+
font-weight: var(--font-weight-bold);
|
|
688
688
|
&,
|
|
689
689
|
&:hover,
|
|
690
690
|
&:focus {
|
|
@@ -727,7 +727,7 @@
|
|
|
727
727
|
}
|
|
728
728
|
|
|
729
729
|
> .active > a {
|
|
730
|
-
font-weight: var(--
|
|
730
|
+
font-weight: var(--font-weight-bold);
|
|
731
731
|
&,
|
|
732
732
|
&:hover,
|
|
733
733
|
&:focus {
|
|
@@ -804,7 +804,7 @@
|
|
|
804
804
|
> a,
|
|
805
805
|
> .dropdown-toggle {
|
|
806
806
|
color: var(--color-content-accent-active);
|
|
807
|
-
font-weight: var(--
|
|
807
|
+
font-weight: var(--font-weight-bold);
|
|
808
808
|
&,
|
|
809
809
|
&:hover,
|
|
810
810
|
&:focus {
|
|
@@ -1105,15 +1105,15 @@
|
|
|
1105
1105
|
|
|
1106
1106
|
.navbar-title {
|
|
1107
1107
|
.float(left);
|
|
1108
|
-
font-size: var(--
|
|
1109
|
-
line-height: var(--
|
|
1108
|
+
font-size: var(--font-size-20);
|
|
1109
|
+
line-height: var(--line-height-title);
|
|
1110
1110
|
margin-top: 12px;
|
|
1111
1111
|
margin-bottom: 12px;
|
|
1112
|
-
font-weight: var(--
|
|
1112
|
+
font-weight: var(--font-weight-bold);
|
|
1113
1113
|
}
|
|
1114
1114
|
|
|
1115
1115
|
.navbar-subtitle {
|
|
1116
|
-
font-size: var(--
|
|
1116
|
+
font-size: var(--font-size-14);
|
|
1117
1117
|
margin-bottom: 8px;
|
|
1118
1118
|
}
|
|
1119
1119
|
|
|
@@ -1201,7 +1201,7 @@
|
|
|
1201
1201
|
}
|
|
1202
1202
|
|
|
1203
1203
|
h1 {
|
|
1204
|
-
line-height: var(--
|
|
1204
|
+
line-height: var(--line-height-title);
|
|
1205
1205
|
}
|
|
1206
1206
|
|
|
1207
1207
|
.close {
|
|
@@ -1256,7 +1256,7 @@
|
|
|
1256
1256
|
|
|
1257
1257
|
@media (min-width: @screen-sm-min) {
|
|
1258
1258
|
.simple-nav .navbar-nav > li > a {
|
|
1259
|
-
font-size: var(--
|
|
1259
|
+
font-size: var(--font-size-16) !important;
|
|
1260
1260
|
}
|
|
1261
1261
|
}
|
|
1262
1262
|
|
package/src/less/navs.less
CHANGED
|
@@ -30,8 +30,8 @@
|
|
|
30
30
|
outline-offset: -1px;
|
|
31
31
|
padding: @nav-link-padding;
|
|
32
32
|
color: var(--color-content-primary);
|
|
33
|
-
font-weight: var(--
|
|
34
|
-
font-size: var(--
|
|
33
|
+
font-weight: var(--font-weight-regular);
|
|
34
|
+
font-size: var(--font-size-16);
|
|
35
35
|
|
|
36
36
|
&:hover,
|
|
37
37
|
&:focus {
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
|
|
48
48
|
> .active > a {
|
|
49
49
|
color: var(--color-content-accent);
|
|
50
|
-
font-weight: var(--
|
|
50
|
+
font-weight: var(--font-weight-semi-bold);
|
|
51
51
|
|
|
52
52
|
&:hover,
|
|
53
53
|
&:focus {
|
|
@@ -127,11 +127,11 @@
|
|
|
127
127
|
> a {
|
|
128
128
|
.margin(right, 2px);
|
|
129
129
|
|
|
130
|
-
line-height: var(--
|
|
130
|
+
line-height: var(--line-height-body);
|
|
131
131
|
//border: 1px solid transparent;
|
|
132
132
|
//border-radius: @border-radius-base @border-radius-base 0 0;
|
|
133
133
|
border-bottom: 3px solid transparent;
|
|
134
|
-
font-size: var(--
|
|
134
|
+
font-size: var(--font-size-16);
|
|
135
135
|
}
|
|
136
136
|
}
|
|
137
137
|
|
|
@@ -153,11 +153,11 @@
|
|
|
153
153
|
> li {
|
|
154
154
|
.float(left);
|
|
155
155
|
|
|
156
|
-
font-size: var(--
|
|
156
|
+
font-size: var(--font-size-14);
|
|
157
157
|
|
|
158
158
|
// Links rendered as pills
|
|
159
159
|
> a {
|
|
160
|
-
font-size: var(--
|
|
160
|
+
font-size: var(--font-size-14);
|
|
161
161
|
}
|
|
162
162
|
}
|
|
163
163
|
}
|
|
@@ -231,7 +231,7 @@
|
|
|
231
231
|
|
|
232
232
|
&.nav-pills > li > a {
|
|
233
233
|
padding: 0 var(--size-4);
|
|
234
|
-
line-height: var(--
|
|
234
|
+
line-height: var(--line-height-body);
|
|
235
235
|
}
|
|
236
236
|
}
|
|
237
237
|
|
|
@@ -10,10 +10,6 @@
|
|
|
10
10
|
@import "@transferwise/neptune-tokens/themes/business--dark/tokens.css";
|
|
11
11
|
@import "@transferwise/neptune-tokens/themes/business--forest-green/tokens.css";
|
|
12
12
|
@import "@transferwise/neptune-tokens/themes/business--bright-green/tokens.css";
|
|
13
|
-
@import "@transferwise/neptune-tokens/text/tokens.css";
|
|
14
|
-
|
|
15
|
-
// Utilities
|
|
16
|
-
@import (less) "@transferwise/neptune-tokens/text/utilities.css";
|
|
17
13
|
@import "./core/_fonts.less";
|
|
18
14
|
@import "./core/_scaffolding.less";
|
|
19
15
|
@import "./core/_typography.less";
|
package/src/less/panels.less
CHANGED
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
.panel-title {
|
|
39
39
|
margin-top: 0;
|
|
40
40
|
margin-bottom: 0;
|
|
41
|
-
line-height: calc(var(--
|
|
41
|
+
line-height: calc(var(--line-height-title) + 8px);
|
|
42
42
|
|
|
43
43
|
> a {
|
|
44
44
|
text-decoration: none;
|
|
@@ -99,7 +99,7 @@
|
|
|
99
99
|
|
|
100
100
|
@media (--screen-md) {
|
|
101
101
|
.panel-title {
|
|
102
|
-
line-height: calc(var(--
|
|
102
|
+
line-height: calc(var(--line-height-title) * 2);
|
|
103
103
|
}
|
|
104
104
|
|
|
105
105
|
.panel-heading {
|
package/src/less/popovers.less
CHANGED
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
// So reset our font and text properties to avoid inheriting weird values.
|
|
25
25
|
.reset-text();
|
|
26
26
|
|
|
27
|
-
.
|
|
27
|
+
.np-text-body-default;
|
|
28
28
|
|
|
29
29
|
background-color: var(--color-background-screen);
|
|
30
30
|
background-clip: padding-box;
|
|
@@ -221,7 +221,7 @@
|
|
|
221
221
|
margin: 0; // reset heading margin
|
|
222
222
|
padding: 0;
|
|
223
223
|
|
|
224
|
-
.
|
|
224
|
+
.np-text-title-body();
|
|
225
225
|
|
|
226
226
|
background-color: var(--color-background-screen);
|
|
227
227
|
border-bottom: 0;
|
|
@@ -232,7 +232,7 @@
|
|
|
232
232
|
.popover-content {
|
|
233
233
|
padding: 0;
|
|
234
234
|
|
|
235
|
-
.
|
|
235
|
+
.np-text-body-default;
|
|
236
236
|
|
|
237
237
|
color: var(--color-content-secondary);
|
|
238
238
|
}
|
|
@@ -348,12 +348,12 @@
|
|
|
348
348
|
}
|
|
349
349
|
|
|
350
350
|
.popover-title {
|
|
351
|
-
font-size: var(--
|
|
352
|
-
line-height: var(--
|
|
351
|
+
font-size: var(--font-size-16);
|
|
352
|
+
line-height: var(--line-height-title);
|
|
353
353
|
|
|
354
354
|
@media (--screen-md) {
|
|
355
|
-
font-size: var(--
|
|
356
|
-
line-height: var(--
|
|
355
|
+
font-size: var(--font-size-20);
|
|
356
|
+
line-height: var(--line-height-title);
|
|
357
357
|
}
|
|
358
358
|
}
|
|
359
359
|
|
|
@@ -20,8 +20,8 @@
|
|
|
20
20
|
top: calc(-1 * var(--progress-bar-border-width));
|
|
21
21
|
left: calc(-1 * var(--progress-bar-start-shift));
|
|
22
22
|
height: calc(var(--progress-bar-height) + var(--progress-bar-border-width) * 2);
|
|
23
|
-
font-size: var(--
|
|
24
|
-
font-weight: var(--
|
|
23
|
+
font-size: var(--font-size-16);
|
|
24
|
+
font-weight: var(--font-weight-bold);
|
|
25
25
|
color: #fff;
|
|
26
26
|
.text-align(right);
|
|
27
27
|
background-color: var(--color-content-accent);
|
package/src/less/sequences.less
CHANGED
|
@@ -33,13 +33,13 @@
|
|
|
33
33
|
|
|
34
34
|
margin-top: 0;
|
|
35
35
|
margin-bottom: 0;
|
|
36
|
-
font-size: var(--
|
|
36
|
+
font-size: var(--font-size-14);
|
|
37
37
|
border-color: var(--color-border-neutral);
|
|
38
38
|
|
|
39
39
|
@media (min-width: @screen-md-min) {
|
|
40
40
|
.padding(right, @sequence-spacing-horizontal);
|
|
41
41
|
|
|
42
|
-
font-size: var(--
|
|
42
|
+
font-size: var(--font-size-16);
|
|
43
43
|
}
|
|
44
44
|
|
|
45
45
|
> li {
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
> a {
|
|
52
52
|
display: block;
|
|
53
53
|
text-decoration: none;
|
|
54
|
-
font-weight: var(--
|
|
54
|
+
font-weight: var(--font-weight-regular);
|
|
55
55
|
color: var(--color-content-accent);
|
|
56
56
|
outline-offset: -1px;
|
|
57
57
|
|
|
@@ -85,10 +85,6 @@
|
|
|
85
85
|
.h2,
|
|
86
86
|
.h3,
|
|
87
87
|
.h4,
|
|
88
|
-
.wds-text-title-screen,
|
|
89
|
-
.wds-text-title-section,
|
|
90
|
-
.wds-text-title-subsection,
|
|
91
|
-
.wds-text-title-body,
|
|
92
88
|
.btn-toolbar {
|
|
93
89
|
margin-bottom: 16px;
|
|
94
90
|
}
|
|
@@ -130,7 +126,7 @@
|
|
|
130
126
|
> a {
|
|
131
127
|
text-decoration: none;
|
|
132
128
|
color: var(--color-content-primary);
|
|
133
|
-
font-weight: var(--
|
|
129
|
+
font-weight: var(--font-weight-semi-bold);
|
|
134
130
|
|
|
135
131
|
&:hover,
|
|
136
132
|
&:focus {
|
|
@@ -160,7 +156,7 @@
|
|
|
160
156
|
|
|
161
157
|
a {
|
|
162
158
|
text-decoration: none;
|
|
163
|
-
font-weight: var(--
|
|
159
|
+
font-weight: var(--font-weight-regular);
|
|
164
160
|
}
|
|
165
161
|
}
|
|
166
162
|
|
|
@@ -190,8 +186,7 @@
|
|
|
190
186
|
|
|
191
187
|
.small,
|
|
192
188
|
.body-2,
|
|
193
|
-
.np-text-body-default
|
|
194
|
-
.wds-text-body-default {
|
|
189
|
+
.np-text-body-default {
|
|
195
190
|
color: var(--color-content-secondary);
|
|
196
191
|
}
|
|
197
192
|
|
|
@@ -221,7 +216,7 @@
|
|
|
221
216
|
|
|
222
217
|
> .active {
|
|
223
218
|
&::before {
|
|
224
|
-
border-width: (@sequence-pip-size / 2);
|
|
219
|
+
border-width: (@sequence-pip-size / 2); // TODO sequence-line-width?
|
|
225
220
|
}
|
|
226
221
|
|
|
227
222
|
~ li::before {
|
|
@@ -253,7 +248,7 @@
|
|
|
253
248
|
font-size: var(--font-size-12);
|
|
254
249
|
|
|
255
250
|
.icon {
|
|
256
|
-
font-size: var(--
|
|
251
|
+
font-size: var(--font-size-16);
|
|
257
252
|
line-height: (@sequence-icon-size - 1px);
|
|
258
253
|
}
|
|
259
254
|
|
|
@@ -371,7 +366,7 @@
|
|
|
371
366
|
height: @sequence-icon-size-md;
|
|
372
367
|
line-height: (@sequence-icon-size-md - 2px);
|
|
373
368
|
margin-top: -6px;
|
|
374
|
-
font-size: var(--
|
|
369
|
+
font-size: var(--font-size-14);
|
|
375
370
|
}
|
|
376
371
|
|
|
377
372
|
.sequence-icon-lg {
|
|
@@ -379,7 +374,7 @@
|
|
|
379
374
|
height: @sequence-icon-size-lg;
|
|
380
375
|
line-height: (@sequence-icon-size-lg - 2px);
|
|
381
376
|
margin-top: -6px;
|
|
382
|
-
font-size: var(--
|
|
377
|
+
font-size: var(--font-size-16);
|
|
383
378
|
|
|
384
379
|
.icon {
|
|
385
380
|
font-size: 22px;
|
package/src/less/table.less
CHANGED
|
@@ -50,7 +50,7 @@ th {
|
|
|
50
50
|
> tr > th,
|
|
51
51
|
> tr > td {
|
|
52
52
|
padding: var(--size-24) var(--size-16);
|
|
53
|
-
line-height: var(--
|
|
53
|
+
line-height: var(--line-height-body);
|
|
54
54
|
vertical-align: top;
|
|
55
55
|
border-top: 1px solid var(--color-border-neutral);
|
|
56
56
|
border-bottom: 0;
|
|
@@ -62,7 +62,7 @@ th {
|
|
|
62
62
|
> .tbody > dl > dd,
|
|
63
63
|
> .tfoot > ol > li {
|
|
64
64
|
padding: var(--size-24) var(--size-16);
|
|
65
|
-
line-height: var(--
|
|
65
|
+
line-height: var(--line-height-body);
|
|
66
66
|
vertical-align: top;
|
|
67
67
|
border-top: 1px solid var(--color-border-neutral);
|
|
68
68
|
border-bottom: 0;
|
|
@@ -115,13 +115,13 @@ th {
|
|
|
115
115
|
> tfoot,
|
|
116
116
|
> .thead,
|
|
117
117
|
> .tfoot {
|
|
118
|
-
font-size: var(--
|
|
118
|
+
font-size: var(--font-size-14);
|
|
119
119
|
color: var(--color-content-primary);
|
|
120
120
|
}
|
|
121
121
|
|
|
122
122
|
> tbody,
|
|
123
123
|
> .tbody {
|
|
124
|
-
font-size: var(--
|
|
124
|
+
font-size: var(--font-size-14);
|
|
125
125
|
}
|
|
126
126
|
|
|
127
127
|
> tbody > tr > th,
|
|
@@ -290,7 +290,7 @@ table col[class*="col-"] {
|
|
|
290
290
|
|
|
291
291
|
> li {
|
|
292
292
|
display: table-cell;
|
|
293
|
-
font-weight: var(--
|
|
293
|
+
font-weight: var(--font-weight-bold);
|
|
294
294
|
color: var(--color-content-primary);
|
|
295
295
|
}
|
|
296
296
|
}
|
|
@@ -308,7 +308,7 @@ table col[class*="col-"] {
|
|
|
308
308
|
|
|
309
309
|
> dd {
|
|
310
310
|
display: table-cell;
|
|
311
|
-
font-size: var(--
|
|
311
|
+
font-size: var(--font-size-14);
|
|
312
312
|
color: var(--color-content-secondary);
|
|
313
313
|
}
|
|
314
314
|
}
|
|
@@ -331,7 +331,7 @@ table col[class*="col-"] {
|
|
|
331
331
|
border: 1px var(--color-interactive-secondary) solid;
|
|
332
332
|
border-radius: @border-radius-base;
|
|
333
333
|
margin-bottom: var(--size-24);
|
|
334
|
-
padding: var(--size-24) var(--
|
|
334
|
+
padding: var(--size-24) var(--line-height-body) 0;
|
|
335
335
|
|
|
336
336
|
> dd {
|
|
337
337
|
padding: 0;
|
package/src/less/tooltip.less
CHANGED
|
@@ -128,7 +128,7 @@
|
|
|
128
128
|
//
|
|
129
129
|
//## Font, line-height, and color for body text, headings, and more.
|
|
130
130
|
|
|
131
|
-
@font-family-sans-serif: var(--
|
|
131
|
+
@font-family-sans-serif: var(--font-family-regular);
|
|
132
132
|
@font-family-serif: Georgia, "Times New Roman", Times, serif;
|
|
133
133
|
//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
|
|
134
134
|
@font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
|
|
@@ -167,7 +167,7 @@
|
|
|
167
167
|
@line-height-computed: 24px; // ~24px
|
|
168
168
|
|
|
169
169
|
//** By default, this inherits from the `<body>`.
|
|
170
|
-
@headings-font-family: var(--
|
|
170
|
+
@headings-font-family: var(--font-family-regular);
|
|
171
171
|
@headings-font-weight: @font-weight-semi-bold;
|
|
172
172
|
@headings-line-height: 1.2; //1.1;
|
|
173
173
|
@headings-color: @brand-navy-minus-10;
|
|
@@ -192,7 +192,7 @@
|
|
|
192
192
|
@display3-line-height: 88px;
|
|
193
193
|
@display4-line-height: 72px;
|
|
194
194
|
|
|
195
|
-
@buttons-font-family: var(--
|
|
195
|
+
@buttons-font-family: var(--font-family-regular);
|
|
196
196
|
|
|
197
197
|
//** Global textual link color.
|
|
198
198
|
@link-color: @brand-light-blue;
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
@font-face {
|
|
2
|
-
font-family: "Vazirmatn";
|
|
3
|
-
font-style: normal;
|
|
4
|
-
font-display: swap;
|
|
5
|
-
font-weight: 100 900;
|
|
6
|
-
ascent-override: 90%;
|
|
7
|
-
descent-override: 20%;
|
|
8
|
-
line-gap-override: 0%;
|
|
9
|
-
src: url(../fonts/vazirmatn/vazirmatn-arabic-wght-normal.woff2) format("woff2");
|
|
10
|
-
unicode-range:
|
|
11
|
-
U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E,
|
|
12
|
-
U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB,
|
|
13
|
-
U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22,
|
|
14
|
-
U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49,
|
|
15
|
-
U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F,
|
|
16
|
-
U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E,
|
|
17
|
-
U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
@font-face {
|
|
21
|
-
font-family: "Vazirmatn";
|
|
22
|
-
font-style: normal;
|
|
23
|
-
font-display: swap;
|
|
24
|
-
font-weight: 100 900;
|
|
25
|
-
ascent-override: 90%;
|
|
26
|
-
descent-override: 20%;
|
|
27
|
-
line-gap-override: 0%;
|
|
28
|
-
src: url(../fonts/vazirmatn/vazirmatn-latin-wght-normal.woff2) format("woff2");
|
|
29
|
-
unicode-range:
|
|
30
|
-
U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
|
|
31
|
-
U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
@font-face {
|
|
35
|
-
font-family: "Vazirmatn";
|
|
36
|
-
font-style: normal;
|
|
37
|
-
font-display: swap;
|
|
38
|
-
font-weight: 100 900;
|
|
39
|
-
ascent-override: 90%;
|
|
40
|
-
descent-override: 20%;
|
|
41
|
-
line-gap-override: 0%;
|
|
42
|
-
src: url(../fonts/vazirmatn/vazirmatn-latin-ext-wght-normal.woff2) format("woff2");
|
|
43
|
-
unicode-range:
|
|
44
|
-
U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
|
|
45
|
-
U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
|
|
46
|
-
U+A720-A7FF;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
@font-face {
|
|
50
|
-
font-family: "Rubik";
|
|
51
|
-
font-style: normal;
|
|
52
|
-
font-display: swap;
|
|
53
|
-
font-weight: 300 900;
|
|
54
|
-
src: url(../fonts/rubik/rubik-arabic-wght-normal.woff2) format("woff2");
|
|
55
|
-
unicode-range:
|
|
56
|
-
U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E,
|
|
57
|
-
U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB,
|
|
58
|
-
U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22,
|
|
59
|
-
U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49,
|
|
60
|
-
U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F,
|
|
61
|
-
U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E,
|
|
62
|
-
U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
@font-face {
|
|
66
|
-
font-family: "Rubik";
|
|
67
|
-
font-style: normal;
|
|
68
|
-
font-display: swap;
|
|
69
|
-
font-weight: 300 900;
|
|
70
|
-
src: url(../fonts/rubik/rubik-latin-wght-normal.woff2) format("woff2");
|
|
71
|
-
unicode-range:
|
|
72
|
-
U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
|
|
73
|
-
U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
@font-face {
|
|
77
|
-
font-family: "Rubik";
|
|
78
|
-
font-style: normal;
|
|
79
|
-
font-display: swap;
|
|
80
|
-
font-weight: 300 900;
|
|
81
|
-
src: url(../fonts/rubik/rubik-latin-ext-wght-normal.woff2) format("woff2");
|
|
82
|
-
unicode-range:
|
|
83
|
-
U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
|
|
84
|
-
U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
|
|
85
|
-
U+A720-A7FF;
|
|
86
|
-
}
|
|
@@ -1,99 +0,0 @@
|
|
|
1
|
-
@font-face {
|
|
2
|
-
font-family: "Wise Sans";
|
|
3
|
-
font-style: normal;
|
|
4
|
-
font-display: swap;
|
|
5
|
-
src: url("../fonts/WiseSans-Heavy.woff2") format("woff2");
|
|
6
|
-
unicode-range:
|
|
7
|
-
U+D, U+20-7E, U+A0-148, U+14A-17E, U+18F, U+192, U+1A0-1A1, U+1AF-1B0, U+1C4-1DC, U+1E2-1E3,
|
|
8
|
-
U+1E6-1E7, U+1EA-1EB, U+1F1, U+1F3, U+1FA-21B, U+22A-22D, U+230-233, U+237, U+259, U+2BC-2BF,
|
|
9
|
-
U+2C6-2C7, U+2D8-2DD, U+300-304, U+306-30C, U+30F-311, U+31B, U+323-328, U+32E, U+331, U+35F,
|
|
10
|
-
U+374-375, U+37E, U+384, U+386-38A, U+38C, U+38E-3A1, U+3A3-3CE, U+400-45F, U+462-463,
|
|
11
|
-
U+472-475, U+490-493, U+496-497, U+49A-49B, U+4A2-4A3, U+4AE-4B3, U+4B6-4B7, U+4BA-4BB, U+4C0,
|
|
12
|
-
U+4CF, U+4D8-4D9, U+4E2-4E3, U+4E8-4E9, U+4EE-4EF, U+60B, U+9F3, U+E3F, U+17DB, U+1E08-1E09,
|
|
13
|
-
U+1E0C-1E0F, U+1E14-1E17, U+1E1C-1E1D, U+1E20-1E21, U+1E24-1E25, U+1E2A-1E2B, U+1E2E-1E2F,
|
|
14
|
-
U+1E34-1E3B, U+1E40-1E49, U+1E4C-1E53, U+1E5A-1E69, U+1E6C-1E6F, U+1E78-1E7B, U+1E80-1E85,
|
|
15
|
-
U+1E8E-1E8F, U+1E92-1E97, U+1E9E, U+1EA0-1EF9, U+2013-2014, U+2018-2022, U+2026, U+2030,
|
|
16
|
-
U+2032-2033, U+2039-203A, U+2044, U+2070, U+2074-2079, U+2080-2089, U+20A1-20AE, U+20B1-20B5,
|
|
17
|
-
U+20B8-20BA, U+20BC-20BF, U+2116-2117, U+2122, U+2126, U+2153-215E, U+2190-2199, U+2202, U+2206,
|
|
18
|
-
U+220F, U+2211-2212, U+2217, U+221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+22A0,
|
|
19
|
-
U+25A0-25A1, U+25AA-25AB, U+25B2-25B3, U+25BC-25BD, U+25CA-25CB, U+25CF, U+279D, U+27A7, U+5143,
|
|
20
|
-
U+A78B-A78C, U+FB01-FB02, U+FDFC;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
@font-face {
|
|
24
|
-
font-family: "Wise Sans Numeric";
|
|
25
|
-
font-style: normal;
|
|
26
|
-
font-display: swap;
|
|
27
|
-
src: url("../fonts/WiseSans-Heavy.woff2") format("woff2");
|
|
28
|
-
unicode-range: U+002B-002E, U+0030-0039, U+0041-005A, U+0061-007A, U+00A0, U+2212;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
@font-face {
|
|
32
|
-
font-family: "Inter";
|
|
33
|
-
font-style: normal;
|
|
34
|
-
font-display: swap;
|
|
35
|
-
font-weight: 100 900;
|
|
36
|
-
src: url(../fonts/inter/inter-latin-wght-normal.woff2) format("woff2");
|
|
37
|
-
unicode-range:
|
|
38
|
-
U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
|
|
39
|
-
U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
@font-face {
|
|
43
|
-
font-family: "Inter";
|
|
44
|
-
font-style: normal;
|
|
45
|
-
font-display: swap;
|
|
46
|
-
font-weight: 100 900;
|
|
47
|
-
src: url(../fonts/inter/inter-latin-ext-wght-normal.woff2) format("woff2");
|
|
48
|
-
unicode-range:
|
|
49
|
-
U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
|
|
50
|
-
U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
|
|
51
|
-
U+A720-A7FF;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
@font-face {
|
|
55
|
-
font-family: "Inter";
|
|
56
|
-
font-style: normal;
|
|
57
|
-
font-display: swap;
|
|
58
|
-
font-weight: 100 900;
|
|
59
|
-
src: url(../fonts/inter/inter-cyrillic-wght-normal.woff2) format("woff2");
|
|
60
|
-
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
@font-face {
|
|
64
|
-
font-family: "Inter";
|
|
65
|
-
font-style: normal;
|
|
66
|
-
font-display: swap;
|
|
67
|
-
font-weight: 100 900;
|
|
68
|
-
src: url(../fonts/inter/inter-cyrillic-ext-wght-normal.woff2) format("woff2");
|
|
69
|
-
unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
@font-face {
|
|
73
|
-
font-family: "Inter";
|
|
74
|
-
font-style: normal;
|
|
75
|
-
font-display: swap;
|
|
76
|
-
font-weight: 100 900;
|
|
77
|
-
src: url(../fonts/inter/inter-greek-wght-normal.woff2) format("woff2");
|
|
78
|
-
unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
@font-face {
|
|
82
|
-
font-family: "Inter";
|
|
83
|
-
font-style: normal;
|
|
84
|
-
font-display: swap;
|
|
85
|
-
font-weight: 100 900;
|
|
86
|
-
src: url(../fonts/inter/inter-greek-ext-wght-normal.woff2) format("woff2");
|
|
87
|
-
unicode-range: U+1F00-1FFF;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
@font-face {
|
|
91
|
-
font-family: "Inter";
|
|
92
|
-
font-style: normal;
|
|
93
|
-
font-display: swap;
|
|
94
|
-
font-weight: 100 900;
|
|
95
|
-
src: url(../fonts/inter/inter-vietnamese-wght-normal.woff2) format("woff2");
|
|
96
|
-
unicode-range:
|
|
97
|
-
U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301,
|
|
98
|
-
U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
|
|
99
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
@font-face {
|
|
2
|
-
font-family: "Noto Sans Hebrew";
|
|
3
|
-
font-style: normal;
|
|
4
|
-
font-display: swap;
|
|
5
|
-
font-weight: 100 900;
|
|
6
|
-
src: url(../fonts/noto-sans-hebrew-normal.woff2) format('woff2');
|
|
7
|
-
unicode-range: U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;
|
|
8
|
-
}
|