From 797607430dcc48a9714cf91e23562bb665dabd7d Mon Sep 17 00:00:00 2001
From: Kelly Dwan <ryelle@users.noreply.github.com>
Date: Wed, 9 Oct 2019 14:39:20 -0400
Subject: [PATCH] Style individual pledge

---
 themes/wporg-5ftf/css/objects/_objects.scss |  1 +
 themes/wporg-5ftf/css/objects/_pledge.scss  | 72 +++++++++++++++++++++
 2 files changed, 73 insertions(+)
 create mode 100644 themes/wporg-5ftf/css/objects/_pledge.scss

diff --git a/themes/wporg-5ftf/css/objects/_objects.scss b/themes/wporg-5ftf/css/objects/_objects.scss
index d95041d..6608b90 100644
--- a/themes/wporg-5ftf/css/objects/_objects.scss
+++ b/themes/wporg-5ftf/css/objects/_objects.scss
@@ -10,4 +10,5 @@
 @import "hero";
 @import "image";
 @import "pledge-form";
+@import "pledge";
 @import "pullquote";
diff --git a/themes/wporg-5ftf/css/objects/_pledge.scss b/themes/wporg-5ftf/css/objects/_pledge.scss
new file mode 100644
index 0000000..d9aec3a
--- /dev/null
+++ b/themes/wporg-5ftf/css/objects/_pledge.scss
@@ -0,0 +1,72 @@
+article.type-5ftf_pledge {
+	/* Structure */
+	display: grid;
+	grid-template-columns: 330px auto;
+	margin-bottom: ms(12);
+
+	.entry-image {
+		grid-column: 1;
+		grid-row: 1 / span 2;
+		margin-right: ms(8);
+	}
+
+	.entry-header {
+		grid-column: 2;
+		grid-row: 1;
+	}
+
+	.entry-content {
+		grid-column: 2;
+		grid-row: 2;
+	}
+
+	/* Styles */
+
+	.entry-image__placeholder {
+		background: $color-gray-light-100;
+		width: 100%;
+		height: 100px;
+	}
+	
+	.entry-image__logo {
+		padding: ms(-2);
+		background: $color-gray-light-100;
+		text-align: center;
+
+		img {
+			display: inline-block;
+			vertical-align: middle;
+			max-height: 100px;
+		}
+	}
+
+	.entry-title {
+		margin-top: 0;
+		font-size: ms(2);
+		font-weight: 400;
+
+		a {
+			text-decoration: underline;
+		}
+	}
+	
+	.entry-content {
+		font-size: ms(-1);
+		color: $color__text-darker;
+	}
+
+	.pledge-contributors h3 {
+		margin-top: 0;
+		font-size: ms(-1);
+		color: $color__text-lighter;
+	}
+
+	.pledge-contributor__avatar {
+		display: inline-block;
+		background: $color-gray-light-700;
+
+		img {
+			vertical-align: middle;
+		}
+	}
+}