From 816ed15ddebfb945e1e3cf8dd1077b4e09df706b Mon Sep 17 00:00:00 2001
From: Tony Jin <github@tonyjin.com>
Date: Mon, 10 Jul 2017 19:09:55 -0700
Subject: [PATCH] Fix: Properly scope typography CSS (#207)

Scope typography rules from Box UI to preview HTML.
---
 src/lib/_boxui.scss | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/lib/_boxui.scss b/src/lib/_boxui.scss
index ad35e55d5..3b11a81eb 100644
--- a/src/lib/_boxui.scss
+++ b/src/lib/_boxui.scss
@@ -6,17 +6,22 @@
 //------------------------------------------------------------------------------
 // Typography
 //------------------------------------------------------------------------------
-html,
-a {
+.bp,
+.bp-header,
+.bp a,
+.bp-header a {
     text-shadow: 1px 1px 1px fade-out($white, .996);
 }
 
-body,
-button {
+.bp,
+.bp-header,
+.bp button,
+.bp-header button {
     font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
 }
 
-li {
+.bp li,
+.bp-header li {
     margin: 0;
     padding: 0;
 }