@madgex/design-system 1.21.6 → 1.21.7
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 +12 -5
- package/package.json +1 -1
- package/src/helpers/edited-text/edited-text.njk +11 -0
- package/src/scss/core/_lists.scss +3 -2
- package/src/scss/helpers/_edited-text.scss +9 -2
package/dist/css/index.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*
|
|
2
2
|
Do not edit directly
|
|
3
|
-
Generated on
|
|
3
|
+
Generated on Tue, 20 Aug 2019 09:14:10 GMT
|
|
4
4
|
*/
|
|
5
5
|
html,
|
|
6
6
|
body,
|
|
@@ -522,14 +522,14 @@ body {
|
|
|
522
522
|
}
|
|
523
523
|
|
|
524
524
|
.mds-list {
|
|
525
|
-
margin: 0 0 20px
|
|
525
|
+
margin: 0 0 20px 12px;
|
|
526
526
|
padding: 0;
|
|
527
527
|
list-style-type: none;
|
|
528
528
|
list-style-position: outside;
|
|
529
529
|
}
|
|
530
530
|
|
|
531
531
|
.mds-list__item {
|
|
532
|
-
margin-bottom:
|
|
532
|
+
margin-bottom: 4px;
|
|
533
533
|
margin-left: 16px;
|
|
534
534
|
}
|
|
535
535
|
|
|
@@ -544,6 +544,7 @@ body {
|
|
|
544
544
|
.mds-list--border {
|
|
545
545
|
border-left: 5px solid #f8f8f8;
|
|
546
546
|
padding-left: 20px;
|
|
547
|
+
margin-left: 0;
|
|
547
548
|
}
|
|
548
549
|
|
|
549
550
|
.mds-list__key,
|
|
@@ -4663,7 +4664,7 @@ body {
|
|
|
4663
4664
|
|
|
4664
4665
|
.mds-edited-text ul,
|
|
4665
4666
|
.mds-edited-text ol {
|
|
4666
|
-
margin: 0 0 20px
|
|
4667
|
+
margin: 0 0 20px 12px;
|
|
4667
4668
|
padding: 0;
|
|
4668
4669
|
list-style-position: outside;
|
|
4669
4670
|
}
|
|
@@ -4684,6 +4685,12 @@ body {
|
|
|
4684
4685
|
}
|
|
4685
4686
|
|
|
4686
4687
|
.mds-edited-text li {
|
|
4687
|
-
margin-bottom:
|
|
4688
|
+
margin-bottom: 4px;
|
|
4688
4689
|
margin-left: 16px;
|
|
4689
4690
|
}
|
|
4691
|
+
|
|
4692
|
+
.mds-edited-text.mds-font-body-copy-bulk p,
|
|
4693
|
+
.mds-font-body-copy-bulk .mds-edited-text p,
|
|
4694
|
+
.mds-edited-text .mds-font-body-copy-bulk p {
|
|
4695
|
+
margin-bottom: 16px;
|
|
4696
|
+
}
|
package/package.json
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
<h4>Lists:</h4>
|
|
1
2
|
<div class="mds-edited-text">
|
|
2
3
|
<ol>
|
|
3
4
|
<li>
|
|
@@ -25,4 +26,14 @@
|
|
|
25
26
|
<a href="#two">five</a>
|
|
26
27
|
</li>
|
|
27
28
|
</ol>
|
|
29
|
+
</div>
|
|
30
|
+
|
|
31
|
+
<h4>Paragraph (combined with font-body-copy-bulk):</h4>
|
|
32
|
+
<div class="mds-edited-text mds-font-body-copy-bulk">
|
|
33
|
+
<h3>Paragraph 1</h3>
|
|
34
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse lacus mi, molestie vulputate dolor dictum, mollis tempor dolor. Proin ut interdum tortor, eu dictum massa. Quisque eu congue mi. Curabitur ac fermentum lorem. Ut quam sapien, mollis vel rhoncus et, mattis non sapien. Aenean nec lacinia felis. Aenean rhoncus lacinia pretium. Cras rutrum mollis orci, vitae ultrices nisi fermentum sit amet. Donec vehicula libero ac mollis ornare. Pellentesque eleifend libero urna, accumsan tincidunt lectus lobortis nec.</p>
|
|
35
|
+
<h3>Paragraph 2</h3>
|
|
36
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse lacus mi, molestie vulputate dolor dictum, mollis tempor dolor. Proin ut interdum tortor, eu dictum massa. Quisque eu congue mi. Curabitur ac fermentum lorem. Ut quam sapien, mollis vel rhoncus et, mattis non sapien. Aenean nec lacinia felis. Aenean rhoncus lacinia pretium. Cras rutrum mollis orci, vitae ultrices nisi fermentum sit amet. Donec vehicula libero ac mollis ornare. Pellentesque eleifend libero urna, accumsan tincidunt lectus lobortis nec.</p>
|
|
37
|
+
<h3>Paragraph 3</h3>
|
|
38
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse lacus mi, molestie vulputate dolor dictum, mollis tempor dolor. Proin ut interdum tortor, eu dictum massa. Quisque eu congue mi. Curabitur ac fermentum lorem. Ut quam sapien, mollis vel rhoncus et, mattis non sapien. Aenean nec lacinia felis. Aenean rhoncus lacinia pretium. Cras rutrum mollis orci, vitae ultrices nisi fermentum sit amet. Donec vehicula libero ac mollis ornare. Pellentesque eleifend libero urna, accumsan tincidunt lectus lobortis nec.</p>
|
|
28
39
|
</div>
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
.mds-list {
|
|
2
|
-
margin: 0 0 ($mds-size-baseline * 5)
|
|
2
|
+
margin: 0 0 ($mds-size-baseline * 5) ($mds-size-baseline * 3);
|
|
3
3
|
padding: 0;
|
|
4
4
|
list-style-type: none;
|
|
5
5
|
list-style-position: outside;
|
|
6
6
|
}
|
|
7
7
|
.mds-list__item {
|
|
8
|
-
margin-bottom: $mds-size-baseline
|
|
8
|
+
margin-bottom: $mds-size-baseline;
|
|
9
9
|
margin-left: $mds-size-baseline * 4;
|
|
10
10
|
}
|
|
11
11
|
|
|
@@ -20,6 +20,7 @@
|
|
|
20
20
|
.mds-list--border {
|
|
21
21
|
border-left: 5px solid $mds-color-neutral-lightest;
|
|
22
22
|
padding-left: $mds-size-baseline * 5;
|
|
23
|
+
margin-left: 0;
|
|
23
24
|
}
|
|
24
25
|
|
|
25
26
|
.mds-list__key,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
.mds-edited-text {
|
|
2
2
|
ul,
|
|
3
3
|
ol {
|
|
4
|
-
margin: 0 0 ($mds-size-baseline * 5)
|
|
4
|
+
margin: 0 0 ($mds-size-baseline * 5) ($mds-size-baseline * 3);
|
|
5
5
|
padding: 0;
|
|
6
6
|
list-style-position: outside;
|
|
7
7
|
ul,
|
|
@@ -16,7 +16,14 @@
|
|
|
16
16
|
list-style-type: decimal;
|
|
17
17
|
}
|
|
18
18
|
li {
|
|
19
|
-
margin-bottom: $mds-size-baseline
|
|
19
|
+
margin-bottom: $mds-size-baseline;
|
|
20
20
|
margin-left: $mds-size-baseline * 4;
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
|
+
.mds-edited-text.mds-font-body-copy-bulk,
|
|
24
|
+
.mds-font-body-copy-bulk .mds-edited-text,
|
|
25
|
+
.mds-edited-text .mds-font-body-copy-bulk {
|
|
26
|
+
p{
|
|
27
|
+
margin-bottom: $mds-size-baseline * 4;
|
|
28
|
+
}
|
|
29
|
+
}
|