From 6ff31c8d322084834eedd62bb7dbf37e7f902d1f Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Tue, 14 Jul 2020 14:22:41 -0400
Subject: [PATCH] Use attribute selector instead of class to avoid prefixing
 the wrong class

---
 src/styles.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/styles.js b/src/styles.js
index e9676cd..7f66e08 100644
--- a/src/styles.js
+++ b/src/styles.js
@@ -14,7 +14,7 @@ module.exports = {
       {
         color: defaultTheme.colors.gray[700],
         maxWidth: '65ch',
-        '.lead': {
+        '[class~="lead"]': {
           color: defaultTheme.colors.gray[700],
         },
         a: {
@@ -150,7 +150,7 @@ module.exports = {
           marginTop: em(20, 16),
           marginBottom: em(20, 16),
         },
-        '.lead': {
+        '[class~="lead"]': {
           fontSize: em(20, 16),
           lineHeight: round(32 / 20),
           marginTop: em(24, 20),
@@ -335,7 +335,7 @@ module.exports = {
           marginTop: em(16, 14),
           marginBottom: em(16, 14),
         },
-        '.lead': {
+        '[class~="lead"]': {
           fontSize: em(18, 14),
           lineHeight: round(28 / 18),
           marginTop: em(16, 18),
@@ -520,7 +520,7 @@ module.exports = {
           marginTop: em(24, 18),
           marginBottom: em(24, 18),
         },
-        '.lead': {
+        '[class~="lead"]': {
           fontSize: em(22, 18),
           lineHeight: round(32 / 22),
           marginTop: em(24, 22),
@@ -705,7 +705,7 @@ module.exports = {
           marginTop: em(24, 20),
           marginBottom: em(24, 20),
         },
-        '.lead': {
+        '[class~="lead"]': {
           fontSize: em(24, 20),
           lineHeight: round(36 / 24),
           marginTop: em(24, 24),
@@ -890,7 +890,7 @@ module.exports = {
           marginTop: em(32, 24),
           marginBottom: em(32, 24),
         },
-        '.lead': {
+        '[class~="lead"]': {
           fontSize: em(30, 24),
           lineHeight: round(44 / 30),
           marginTop: em(32, 30),