@transferwise/neptune-css 0.0.0-experimental-96eba2f → 0.0.0-experimental-7daf7ad
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 +2 -4
- package/dist/css/alerts.css +5 -0
- package/dist/css/button-groups.css +1 -4
- package/dist/css/buttons.css +2 -0
- package/dist/css/circles.css +2 -0
- package/dist/css/decision.css +1 -4
- package/dist/css/dropdowns.css +13 -8
- package/dist/css/droppable.css +1 -0
- package/dist/css/footer.css +1 -8
- package/dist/css/grid.css +4 -0
- package/dist/css/input-groups.css +13 -8
- package/dist/css/list-group.css +1 -0
- package/dist/css/navbar-base.css +6 -0
- package/dist/css/navbar.css +18 -8
- package/dist/css/neptune-addons.css +56 -0
- package/dist/css/neptune-core.css +10 -68
- package/dist/css/neptune-social-media.css +1 -0
- package/dist/css/neptune.css +915 -218
- package/dist/css/popovers.css +8 -8
- package/dist/css/tooltip.css +1 -4
- package/package.json +1 -1
- package/src/less/core/_typography.less +9 -65
|
@@ -912,58 +912,7 @@ h6,
|
|
|
912
912
|
letter-spacing: -0.006em;
|
|
913
913
|
line-height: 140%;
|
|
914
914
|
}
|
|
915
|
-
.body
|
|
916
|
-
.body-2,
|
|
917
|
-
.body-3,
|
|
918
|
-
.label,
|
|
919
|
-
.value,
|
|
920
|
-
.np-text-body-default {
|
|
921
|
-
font-weight: 400;
|
|
922
|
-
font-weight: var(--font-weight-regular);
|
|
923
|
-
line-height: 1.5;
|
|
924
|
-
line-height: var(--line-height-body);
|
|
925
|
-
}
|
|
926
|
-
.body-1,
|
|
927
|
-
.np-text-body-default,
|
|
928
|
-
.np-text-body-default-bold {
|
|
929
|
-
font-size: 1rem;
|
|
930
|
-
font-size: var(--font-size-16);
|
|
931
|
-
}
|
|
932
|
-
.np-text-body-default-bold {
|
|
933
|
-
font-weight: 800;
|
|
934
|
-
font-weight: var(--font-weight-bold);
|
|
935
|
-
}
|
|
936
|
-
.body-2 {
|
|
937
|
-
font-size: 0.875rem;
|
|
938
|
-
font-size: var(--font-size-14);
|
|
939
|
-
}
|
|
940
|
-
.body-3 {
|
|
941
|
-
font-size: 0.75rem;
|
|
942
|
-
font-size: var(--font-size-12);
|
|
943
|
-
}
|
|
944
|
-
.control-1,
|
|
945
|
-
.control-2 {
|
|
946
|
-
font-weight: 600;
|
|
947
|
-
font-weight: var(--font-weight-semi-bold);
|
|
948
|
-
line-height: 1.2;
|
|
949
|
-
line-height: var(--line-height-title);
|
|
950
|
-
}
|
|
951
|
-
.control-1 {
|
|
952
|
-
font-size: 1rem;
|
|
953
|
-
font-size: var(--font-size-16);
|
|
954
|
-
}
|
|
955
|
-
.control-2 {
|
|
956
|
-
font-size: 0.875rem;
|
|
957
|
-
font-size: var(--font-size-14);
|
|
958
|
-
}
|
|
959
|
-
.label {
|
|
960
|
-
font-size: 0.875rem;
|
|
961
|
-
font-size: var(--font-size-14);
|
|
962
|
-
}
|
|
963
|
-
.value {
|
|
964
|
-
font-size: 1rem;
|
|
965
|
-
font-size: var(--font-size-16);
|
|
966
|
-
}
|
|
915
|
+
/* DEPRECATED: use .np-text-title-body instead */
|
|
967
916
|
.lead {
|
|
968
917
|
margin-bottom: 24px;
|
|
969
918
|
margin-bottom: var(--size-24);
|
|
@@ -972,21 +921,9 @@ h6,
|
|
|
972
921
|
line-height: 1.2;
|
|
973
922
|
line-height: var(--line-height-title);
|
|
974
923
|
}
|
|
975
|
-
small,
|
|
976
|
-
.small,
|
|
977
|
-
.body-2 {
|
|
978
|
-
font-size: 0.875rem;
|
|
979
|
-
font-size: var(--font-size-14);
|
|
980
|
-
line-height: 1.5;
|
|
981
|
-
line-height: var(--line-height-body);
|
|
982
|
-
}
|
|
983
924
|
.tiny {
|
|
984
925
|
color: #5d7079;
|
|
985
926
|
color: var(--color-content-secondary);
|
|
986
|
-
font-size: 0.75rem;
|
|
987
|
-
font-size: var(--font-size-12);
|
|
988
|
-
line-height: 1.5;
|
|
989
|
-
line-height: var(--line-height-body);
|
|
990
927
|
}
|
|
991
928
|
/* DEPRECATED: use .np-text-body-default instead */
|
|
992
929
|
/* stylelint-disable-next-line selector-list-comma-newline-after */
|
|
@@ -997,6 +934,7 @@ small,
|
|
|
997
934
|
.small,
|
|
998
935
|
.tiny,
|
|
999
936
|
body,
|
|
937
|
+
small,
|
|
1000
938
|
.np-text-body-default {
|
|
1001
939
|
font-size: 0.875rem;
|
|
1002
940
|
font-size: var(--font-size-14);
|
|
@@ -1009,15 +947,13 @@ body,
|
|
|
1009
947
|
/* stylelint-disable-next-line selector-list-comma-newline-after */
|
|
1010
948
|
.control-2,
|
|
1011
949
|
.np-text-body-default-bold {
|
|
950
|
+
font-size: 0.875rem;
|
|
951
|
+
font-size: var(--font-size-14);
|
|
1012
952
|
line-height: 155%;
|
|
1013
953
|
letter-spacing: -0.006em;
|
|
1014
954
|
font-weight: 600;
|
|
1015
955
|
font-weight: var(--font-weight-semi-bold);
|
|
1016
956
|
}
|
|
1017
|
-
.np-text-body-default-bold {
|
|
1018
|
-
font-size: 0.875rem;
|
|
1019
|
-
font-size: var(--font-size-14);
|
|
1020
|
-
}
|
|
1021
957
|
/* DEPRECATED: use .np-text-body-large instead */
|
|
1022
958
|
/* stylelint-disable-next-line selector-list-comma-newline-after */
|
|
1023
959
|
.body-1,
|
|
@@ -1520,6 +1456,7 @@ a,
|
|
|
1520
1456
|
font-weight: 600;
|
|
1521
1457
|
font-weight: var(--font-weight-semi-bold);
|
|
1522
1458
|
}
|
|
1459
|
+
/* DEPRECATED: use `.np-text-display-*` instead */
|
|
1523
1460
|
.display-1 {
|
|
1524
1461
|
margin-bottom: 24px;
|
|
1525
1462
|
margin-bottom: var(--size-24);
|
|
@@ -1533,6 +1470,7 @@ a,
|
|
|
1533
1470
|
font-size: 6.5rem;
|
|
1534
1471
|
}
|
|
1535
1472
|
}
|
|
1473
|
+
/* DEPRECATED: use `.np-text-display-*` instead */
|
|
1536
1474
|
.display-2 {
|
|
1537
1475
|
margin-bottom: 24px;
|
|
1538
1476
|
margin-bottom: var(--size-24);
|
|
@@ -1546,6 +1484,7 @@ a,
|
|
|
1546
1484
|
font-size: 5.5rem;
|
|
1547
1485
|
}
|
|
1548
1486
|
}
|
|
1487
|
+
/* DEPRECATED: use `.np-text-display-*` instead */
|
|
1549
1488
|
.display-3 {
|
|
1550
1489
|
margin-bottom: 8px;
|
|
1551
1490
|
margin-bottom: var(--size-8);
|
|
@@ -1558,6 +1497,7 @@ a,
|
|
|
1558
1497
|
font-size: 4.5rem;
|
|
1559
1498
|
}
|
|
1560
1499
|
}
|
|
1500
|
+
/* DEPRECATED: use `.np-text-display-*` instead */
|
|
1561
1501
|
.display-4 {
|
|
1562
1502
|
margin-bottom: 4px;
|
|
1563
1503
|
margin-bottom: var(--size-4);
|
|
@@ -1571,6 +1511,7 @@ a,
|
|
|
1571
1511
|
font-size: 3.5rem;
|
|
1572
1512
|
}
|
|
1573
1513
|
}
|
|
1514
|
+
/* DEPRECATED: use `.np-text-display-*` instead */
|
|
1574
1515
|
.display-5 {
|
|
1575
1516
|
margin-bottom: 4px;
|
|
1576
1517
|
margin-bottom: var(--size-4);
|
|
@@ -1696,6 +1637,7 @@ blockquote footer::before {
|
|
|
1696
1637
|
}
|
|
1697
1638
|
[dir="rtl"] .blockquote-reverse {
|
|
1698
1639
|
padding-left: 22px;
|
|
1640
|
+
padding-right: 0;
|
|
1699
1641
|
padding-right: initial;
|
|
1700
1642
|
}
|
|
1701
1643
|
[dir="rtl"] .blockquote-reverse {
|