Issue 5413 - Create basic style guide for website-defaults

includes/styleguide/media/images.md

Index: includes/styleguide/media/images.md
===================================================================
new file mode 100644
--- /dev/null
+++ b/includes/styleguide/media/images.md
@@ -0,0 +1,18 @@
+
+### Images {: .sg-h3 }
+
+![Alt text](https://acceptableads.com/img/placeholders/placeholder-masthead-wide.png){: .block }

[ire, 2017/07/18 06:57:20]

I'm not sure whether these image styles should be included in the style guide or
not. What do you think?

+
+![Alt text](https://acceptableads.com/img/placeholders/placeholder-square.png){ .sol .xl2 }
+
+**Image floating <abbr title="Start Of Line">SOL</abbr>.**
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+{: .clearfix }
+
+![Alt text](https://acceptableads.com/img/placeholders/placeholder-square.png){: .eol .clear .xl2 }
+
+**Image floating <abbr title="End Of Line">EOL</abbr>.**
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+{: .clearfix }