@madgex/design-system 1.13.0 → 1.14.0

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.
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 11 Jul 2019 11:26:49 GMT
3
+ * Generated on Thu, 11 Jul 2019 11:51:51 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 11 Jul 2019 11:26:49 GMT
3
+ * Generated on Thu, 11 Jul 2019 11:51:51 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -1,7 +1,7 @@
1
1
 
2
2
  /*
3
3
  Do not edit directly
4
- Generated on Thu, 11 Jul 2019 11:26:49 GMT
4
+ Generated on Thu, 11 Jul 2019 11:51:51 GMT
5
5
  */
6
6
 
7
7
  $mds-color-brand-1-base: #1b75bb !default;
@@ -1,6 +1,6 @@
1
1
  /*
2
2
  Do not edit directly
3
- Generated on Thu, 11 Jul 2019 11:26:49 GMT
3
+ Generated on Thu, 11 Jul 2019 11:51:51 GMT
4
4
  */
5
5
  html,
6
6
  body,
@@ -663,27 +663,27 @@ template {
663
663
  }
664
664
  }
665
665
 
666
- .mds-font-minion {
666
+ .mds-font-minion, .mds-list__key {
667
667
  font-size: 12px;
668
668
  line-height: 1.34;
669
669
  }
670
670
 
671
671
  @media (min-width: 25em) {
672
- .mds-font-minion {
672
+ .mds-font-minion, .mds-list__key {
673
673
  font-size: 12px;
674
674
  line-height: 1.34;
675
675
  }
676
676
  }
677
677
 
678
678
  @media (min-width: 37.5em) {
679
- .mds-font-minion {
679
+ .mds-font-minion, .mds-list__key {
680
680
  font-size: 13px;
681
681
  line-height: 1.24;
682
682
  }
683
683
  }
684
684
 
685
685
  @media (min-width: 63em) {
686
- .mds-font-minion {
686
+ .mds-font-minion, .mds-list__key {
687
687
  font-size: 12px;
688
688
  line-height: 1.34;
689
689
  }
@@ -3604,13 +3604,19 @@ body {
3604
3604
  list-style-type: decimal;
3605
3605
  }
3606
3606
 
3607
+ .mds-list--border {
3608
+ border-left: 5px solid #f0f0f0;
3609
+ padding-left: 20px;
3610
+ }
3611
+
3607
3612
  .mds-list__key,
3608
3613
  .mds-list__value {
3609
3614
  margin: 0;
3610
3615
  }
3611
3616
 
3612
3617
  .mds-list__key {
3613
- margin-bottom: 8px;
3618
+ font-weight: bold;
3619
+ margin-bottom: 4px;
3614
3620
  }
3615
3621
 
3616
3622
  .mds-list__value {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@madgex/design-system",
3
- "version": "1.13.0",
3
+ "version": "1.14.0",
4
4
  "scripts": {
5
5
  "clean": "rimraf dist public tokens/build",
6
6
  "commit": "commit",
@@ -15,12 +15,19 @@
15
15
  list-style-type: decimal;
16
16
  }
17
17
 
18
+ .mds-list--border {
19
+ border-left: 5px solid $mds-color-neutral-lightest;
20
+ padding-left: $mds-size-baseline * 5;
21
+ }
22
+
18
23
  .mds-list__key,
19
24
  .mds-list__value {
20
25
  margin: 0;
21
26
  }
22
27
  .mds-list__key {
23
- margin-bottom: $mds-size-baseline * 2;
28
+ @extend .mds-font-minion;
29
+ font-weight: bold;
30
+ margin-bottom: $mds-size-baseline;
24
31
  }
25
32
  .mds-list__value {
26
33
  margin-bottom: $mds-size-baseline * 3;
@@ -18,8 +18,8 @@
18
18
  <li class="mds-list__item">three</li>
19
19
  </ol>
20
20
 
21
- <h2>Definition List</h2>
22
- <dl class="mds-list mds-list--definition">
21
+ <h2>Definition List with border</h2>
22
+ <dl class="mds-list mds-list--definition mds-list--border">
23
23
  <dt class="mds-list__key">Recruiter</dt>
24
24
  <dd class="mds-list__value">The National Aeronautics and Space Association</dd>
25
25
  <dt class="mds-list__key">Reference</dt>