From 63ea4a38f87421fff13597433c44ea5ba3d633b2 Mon Sep 17 00:00:00 2001
From: Bass Jobsen <bass@w3masters.nl>
Date: Tue, 3 Nov 2015 01:53:28 +0100
Subject: [PATCH 1/2] refactor list-inlineto toavoid tag selectors & child
 selectors

---
 scss/_type.scss | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/scss/_type.scss b/scss/_type.scss
index 1d55ccb2d7..99f773e2a5 100644
--- a/scss/_type.scss
+++ b/scss/_type.scss
@@ -101,12 +101,12 @@ mark,
 .list-inline {
   @include list-unstyled;
   margin-left: -5px;
+}
 
-  > li {
-    display: inline-block;
-    padding-right: 5px;
-    padding-left: 5px;
-  }
+.list-inline-item {
+  display: inline-block;
+  padding-right: 5px;
+  padding-left: 5px;
 }
 
 // Horizontal description lists w/ grid classes

From 2c7bac8f4f696537f4f22d2472f5a33ff4547d08 Mon Sep 17 00:00:00 2001
From: Bass Jobsen <bass@w3masters.nl>
Date: Tue, 3 Nov 2015 01:57:37 +0100
Subject: [PATCH 2/2] Update typography.md

---
 docs/content/typography.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/content/typography.md b/docs/content/typography.md
index bc2a85c63e..d8cd4b010b 100644
--- a/docs/content/typography.md
+++ b/docs/content/typography.md
@@ -209,9 +209,9 @@ Place all list items on a single line with `display: inline-block;` and some lig
 
 {% example html %}
 <ul class="list-inline">
-  <li>Lorem ipsum</li>
-  <li>Phasellus iaculis</li>
-  <li>Nulla volutpat</li>
+  <li class="list-inline-item">Lorem ipsum</li>
+  <li class="list-inline-item">Phasellus iaculis</li>
+  <li class="list-inline-item">Nulla volutpat</li>
 </ul>
 {% endexample %}