@madgex/design-system 1.21.7 → 1.21.8
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/_tokens/css/_tokens.css +1 -1
- package/dist/_tokens/js/_tokens-module.js +1 -1
- package/dist/_tokens/scss/_tokens.scss +1 -1
- package/dist/css/index.css +28 -3
- package/package.json +1 -1
- package/src/components/tabs/tabs.scss +11 -0
- package/src/scss/core/_lists.scss +10 -3
- package/src/scss/helpers/_edited-text.scss +9 -9
package/dist/css/index.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*
|
|
2
2
|
Do not edit directly
|
|
3
|
-
Generated on Tue, 20 Aug 2019
|
|
3
|
+
Generated on Tue, 20 Aug 2019 11:39:53 GMT
|
|
4
4
|
*/
|
|
5
5
|
html,
|
|
6
6
|
body,
|
|
@@ -522,10 +522,10 @@ body {
|
|
|
522
522
|
}
|
|
523
523
|
|
|
524
524
|
.mds-list {
|
|
525
|
-
margin: 0 0 20px
|
|
525
|
+
margin: 0 0 20px 0;
|
|
526
526
|
padding: 0;
|
|
527
527
|
list-style-type: none;
|
|
528
|
-
list-style-position:
|
|
528
|
+
list-style-position: inside;
|
|
529
529
|
}
|
|
530
530
|
|
|
531
531
|
.mds-list__item {
|
|
@@ -533,6 +533,11 @@ body {
|
|
|
533
533
|
margin-left: 16px;
|
|
534
534
|
}
|
|
535
535
|
|
|
536
|
+
.mds-list--bullet,
|
|
537
|
+
.mds-list--number {
|
|
538
|
+
margin-left: 12px;
|
|
539
|
+
}
|
|
540
|
+
|
|
536
541
|
.mds-list--bullet {
|
|
537
542
|
list-style-type: disc;
|
|
538
543
|
}
|
|
@@ -561,9 +566,14 @@ body {
|
|
|
561
566
|
margin-bottom: 12px;
|
|
562
567
|
}
|
|
563
568
|
|
|
569
|
+
.mds-list--inline {
|
|
570
|
+
margin-left: 0;
|
|
571
|
+
}
|
|
572
|
+
|
|
564
573
|
.mds-list--inline li {
|
|
565
574
|
display: inline-block;
|
|
566
575
|
margin-bottom: 0;
|
|
576
|
+
margin-left: 0;
|
|
567
577
|
margin-right: 8px;
|
|
568
578
|
}
|
|
569
579
|
|
|
@@ -1519,6 +1529,13 @@ body {
|
|
|
1519
1529
|
|
|
1520
1530
|
.js .mds-tabs__list-item {
|
|
1521
1531
|
display: inline-block;
|
|
1532
|
+
width: 50%;
|
|
1533
|
+
}
|
|
1534
|
+
|
|
1535
|
+
@media (min-width: 37.5em) {
|
|
1536
|
+
.js .mds-tabs__list-item {
|
|
1537
|
+
width: auto;
|
|
1538
|
+
}
|
|
1522
1539
|
}
|
|
1523
1540
|
|
|
1524
1541
|
.mds-tabs__tab {
|
|
@@ -1527,7 +1544,9 @@ body {
|
|
|
1527
1544
|
}
|
|
1528
1545
|
|
|
1529
1546
|
.js .mds-tabs__tab {
|
|
1547
|
+
width: 100%;
|
|
1530
1548
|
text-decoration: none;
|
|
1549
|
+
text-align: center;
|
|
1531
1550
|
margin-right: 4px;
|
|
1532
1551
|
margin-bottom: 0;
|
|
1533
1552
|
padding: 28px 32px;
|
|
@@ -1535,6 +1554,12 @@ body {
|
|
|
1535
1554
|
padding-bottom: 20px;
|
|
1536
1555
|
}
|
|
1537
1556
|
|
|
1557
|
+
@media (min-width: 37.5em) {
|
|
1558
|
+
.js .mds-tabs__tab {
|
|
1559
|
+
text-align: left;
|
|
1560
|
+
}
|
|
1561
|
+
}
|
|
1562
|
+
|
|
1538
1563
|
.js .mds-tabs__tab.mds-tabs__tab--selected {
|
|
1539
1564
|
border-bottom: 6px solid #1b75bb;
|
|
1540
1565
|
color: #222222;
|
package/package.json
CHANGED
|
@@ -13,7 +13,12 @@
|
|
|
13
13
|
|
|
14
14
|
.js .mds-tabs__list-item {
|
|
15
15
|
display: inline-block;
|
|
16
|
+
width: 50%;
|
|
16
17
|
@extend .mds-font-great-primer;
|
|
18
|
+
|
|
19
|
+
@include mq($from: $mds-size-breakpoint-md) {
|
|
20
|
+
width: auto;
|
|
21
|
+
}
|
|
17
22
|
}
|
|
18
23
|
|
|
19
24
|
.mds-tabs__tab {
|
|
@@ -21,12 +26,18 @@
|
|
|
21
26
|
margin-bottom: $mds-size-baseline * 2;
|
|
22
27
|
|
|
23
28
|
.js & {
|
|
29
|
+
width: 100%;
|
|
24
30
|
text-decoration: none;
|
|
31
|
+
text-align: center;
|
|
25
32
|
margin-right: $mds-size-baseline;
|
|
26
33
|
margin-bottom: 0;
|
|
27
34
|
padding: $mds-size-surface-padding;
|
|
28
35
|
padding-top: $mds-size-baseline * 6;
|
|
29
36
|
padding-bottom: $mds-size-baseline * 5;
|
|
37
|
+
|
|
38
|
+
@include mq($from: $mds-size-breakpoint-md) {
|
|
39
|
+
text-align: left;
|
|
40
|
+
}
|
|
30
41
|
}
|
|
31
42
|
}
|
|
32
43
|
|
|
@@ -1,13 +1,17 @@
|
|
|
1
1
|
.mds-list {
|
|
2
|
-
margin: 0 0 ($mds-size-baseline * 5)
|
|
2
|
+
margin: 0 0 ($mds-size-baseline * 5) 0;
|
|
3
3
|
padding: 0;
|
|
4
4
|
list-style-type: none;
|
|
5
|
-
list-style-position:
|
|
5
|
+
list-style-position: inside;
|
|
6
6
|
}
|
|
7
7
|
.mds-list__item {
|
|
8
8
|
margin-bottom: $mds-size-baseline;
|
|
9
9
|
margin-left: $mds-size-baseline * 4;
|
|
10
10
|
}
|
|
11
|
+
.mds-list--bullet,
|
|
12
|
+
.mds-list--number {
|
|
13
|
+
margin-left: ($mds-size-baseline * 3);
|
|
14
|
+
}
|
|
11
15
|
|
|
12
16
|
.mds-list--bullet {
|
|
13
17
|
list-style-type: disc;
|
|
@@ -35,10 +39,13 @@
|
|
|
35
39
|
.mds-list__value {
|
|
36
40
|
margin-bottom: $mds-size-baseline * 3;
|
|
37
41
|
}
|
|
38
|
-
|
|
42
|
+
.mds-list--inline {
|
|
43
|
+
margin-left: 0;
|
|
44
|
+
}
|
|
39
45
|
.mds-list--inline li {
|
|
40
46
|
display: inline-block;
|
|
41
47
|
margin-bottom: 0;
|
|
48
|
+
margin-left: 0;
|
|
42
49
|
margin-right: $mds-size-baseline * 2;
|
|
43
50
|
}
|
|
44
51
|
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
.mds-edited-text {
|
|
2
|
-
ul,
|
|
3
|
-
ol {
|
|
2
|
+
& ul,
|
|
3
|
+
& ol {
|
|
4
4
|
margin: 0 0 ($mds-size-baseline * 5) ($mds-size-baseline * 3);
|
|
5
5
|
padding: 0;
|
|
6
6
|
list-style-position: outside;
|
|
7
|
-
ul,
|
|
8
|
-
ol {
|
|
7
|
+
& ul,
|
|
8
|
+
& ol {
|
|
9
9
|
margin: ($mds-size-baseline * 2) 0 0 0;
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
|
-
ul {
|
|
12
|
+
& ul {
|
|
13
13
|
list-style-type: disc;
|
|
14
14
|
}
|
|
15
|
-
ol {
|
|
15
|
+
& ol {
|
|
16
16
|
list-style-type: decimal;
|
|
17
17
|
}
|
|
18
|
-
li {
|
|
18
|
+
& li {
|
|
19
19
|
margin-bottom: $mds-size-baseline;
|
|
20
20
|
margin-left: $mds-size-baseline * 4;
|
|
21
21
|
}
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
.mds-edited-text.mds-font-body-copy-bulk,
|
|
24
24
|
.mds-font-body-copy-bulk .mds-edited-text,
|
|
25
25
|
.mds-edited-text .mds-font-body-copy-bulk {
|
|
26
|
-
p{
|
|
26
|
+
& p {
|
|
27
27
|
margin-bottom: $mds-size-baseline * 4;
|
|
28
28
|
}
|
|
29
|
-
}
|
|
29
|
+
}
|