From efe510d69ddb75909d3e7efbaa1937c8ea161ed5 Mon Sep 17 00:00:00 2001
From: Daniel Barber <github@danbarber.me>
Date: Tue, 22 Oct 2019 21:04:57 -0400
Subject: [PATCH] Style images and figcaptions

---
 assets/sass/elements/_figcaption.scss                    | 6 ++++++
 assets/sass/elements/_img.scss                           | 3 +++
 assets/sass/main.scss                                    | 2 ++
 .../main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content   | 9 +++++++++
 4 files changed, 20 insertions(+)
 create mode 100644 assets/sass/elements/_figcaption.scss
 create mode 100644 assets/sass/elements/_img.scss

diff --git a/assets/sass/elements/_figcaption.scss b/assets/sass/elements/_figcaption.scss
new file mode 100644
index 00000000..21feefad
--- /dev/null
+++ b/assets/sass/elements/_figcaption.scss
@@ -0,0 +1,6 @@
+figcaption {
+  text-align: right;
+  font-size: 0.75rem;
+  font-style: italic;
+  opacity: 0.6;
+}
diff --git a/assets/sass/elements/_img.scss b/assets/sass/elements/_img.scss
new file mode 100644
index 00000000..119c5af1
--- /dev/null
+++ b/assets/sass/elements/_img.scss
@@ -0,0 +1,3 @@
+img {
+  border-radius: 0.25rem;
+}
diff --git a/assets/sass/main.scss b/assets/sass/main.scss
index 87f8e7f4..12aacfeb 100644
--- a/assets/sass/main.scss
+++ b/assets/sass/main.scss
@@ -25,6 +25,8 @@
 @import "elements/html";
 @import "elements/pre";
 @import "elements/main";
+@import "elements/figcaption";
+@import "elements/img";
 
 // 5. Objects – class-based selectors which define undecorated design patterns,
 //    for example media object known from OOCSS
diff --git a/resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
index 7a2f7d39..6e4e122a 100644
--- a/resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
+++ b/resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content
@@ -376,6 +376,15 @@ pre {
 main {
   padding: 0 6.5%; }
 
+figcaption {
+  text-align: right;
+  font-size: 0.75rem;
+  font-style: italic;
+  opacity: 0.6; }
+
+img {
+  border-radius: 0.25rem; }
+
 .container {
   margin-left: auto;
   margin-right: auto;