From aad8799c612784bb6ff38304756ed91136a9f8a5 Mon Sep 17 00:00:00 2001
From: Florian Klampfer <f.klampfer@gmail.com>
Date: Thu, 29 Sep 2016 08:24:54 +0200
Subject: [PATCH] Add lead class for ps and imgs

---
 _posts/2012-02-07-example-content.md  |  2 +-
 _sass/pooleparty/_base.scss           |  7 +++++++
 _sass/pooleparty/_type-essential.scss | 14 +++++---------
 3 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/_posts/2012-02-07-example-content.md b/_posts/2012-02-07-example-content.md
index 8e15d032f93..3f03a74884e 100644
--- a/_posts/2012-02-07-example-content.md
+++ b/_posts/2012-02-07-example-content.md
@@ -76,7 +76,7 @@ Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Morbi leo r
 
 Quisque consequat sapien eget quam rhoncus, sit amet laoreet diam tempus. Aliquam aliquam metus erat, a pulvinar turpis suscipit at.
 
-![placeholder](http://placehold.it/800x400 "Large example image")
+![placeholder](http://placehold.it/800x400 "Large example image"){:.lead}
 ![placeholder](http://placehold.it/400x200 "Medium example image")
 ![placeholder](http://placehold.it/200x200 "Small example image")
 
diff --git a/_sass/pooleparty/_base.scss b/_sass/pooleparty/_base.scss
index ab0533d4692..efd3949944e 100755
--- a/_sass/pooleparty/_base.scss
+++ b/_sass/pooleparty/_base.scss
@@ -48,4 +48,11 @@ img {
   margin: 0 0 1rem;
   // No border radius to be consistent with code/math
   // border-radius: 5px;
+
+  &.lead {
+    max-width: calc(100% + 2rem);
+    width: calc(100% + 2rem);
+    margin-left: calc(-1rem);
+    margin-right: calc(-1rem);
+  }
 }
diff --git a/_sass/pooleparty/_type-essential.scss b/_sass/pooleparty/_type-essential.scss
index 37933cd7f36..067cd7eb007 100755
--- a/_sass/pooleparty/_type-essential.scss
+++ b/_sass/pooleparty/_type-essential.scss
@@ -22,6 +22,11 @@ h2 {
 p {
   margin-top: 0;
   margin-bottom: 1rem;
+
+  &.lead {
+    font-size: 1.25rem;
+    font-weight: 300;
+  }
 }
 
 ul, ol, dl {
@@ -36,12 +41,3 @@ hr {
   border-top: 1px solid #eee;
   border-bottom: 1px solid #fff;
 }
-
-// Custom type
-//
-// Extend paragraphs with `.lead` for larger introductory text.
-
-.lead {
-  font-size: 1.25rem;
-  font-weight: 300;
-}