From 1d3e4c508e7c7a116b5b2614fcb6f01b54752ba2 Mon Sep 17 00:00:00 2001
From: Andrew Dunkman <andrew.dunkman@gsa.gov>
Date: Thu, 7 Feb 2019 10:47:01 -0500
Subject: [PATCH] List tweaks: max width, last-child margins.

List items should have a maximum width, similar to their <p> counterparts for readability.

Additionally, when a list is the last child of a container, it should not contain a margin-bottom.
---
 src/stylesheets/core/mixins/_unstyled-list.scss | 1 +
 src/stylesheets/elements/_list.scss             | 5 +++++
 2 files changed, 6 insertions(+)

diff --git a/src/stylesheets/core/mixins/_unstyled-list.scss b/src/stylesheets/core/mixins/_unstyled-list.scss
index 808dd88bfd..6d023b0544 100644
--- a/src/stylesheets/core/mixins/_unstyled-list.scss
+++ b/src/stylesheets/core/mixins/_unstyled-list.scss
@@ -6,5 +6,6 @@
 
   > li {
     margin-bottom: 0;
+    max-width: unset;
   }
 }
diff --git a/src/stylesheets/elements/_list.scss b/src/stylesheets/elements/_list.scss
index 63c40a248e..748f567524 100644
--- a/src/stylesheets/elements/_list.scss
+++ b/src/stylesheets/elements/_list.scss
@@ -1,11 +1,16 @@
 %usa-list {
   @include u-margin-y(1em);
   padding-left: 3ch;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
 }
 
 %usa-list-item {
   line-height: line-height($theme-body-font-family, $theme-body-line-height);
   margin-bottom: 0.25em;
+  max-width: measure($theme-text-measure);
 
   &:last-child {
     margin-bottom: 0;