Issue 5413 - Create basic style guide for website-defaults

includes/styleguide/typography/inline.md

Index: includes/styleguide/typography/inline.md
===================================================================
new file mode 100644
--- /dev/null
+++ b/includes/styleguide/typography/inline.md
@@ -0,0 +1,22 @@
+
+### Body text

[juliandoucette, 2017/08/09 12:06:54]

This seems to correlate to the "Body content" section of the default-content
demo page. If there is no good reason for these to be separate then I think we
should use the same include on both pages.

[ire, 2017/08/09 16:50:31]

What is the purpose of having them on both pages in the first place? Why not
only have the styleguide?

+
+This is normal text
+
+This is *emphasized* text
+
+This is **strong** text
+
+This is <small>small</small> text

[juliandoucette, 2017/08/09 12:06:54]

I left this out of default-content because it's not supported by Markdown and I
didn't expect content developers to use it semantically correctly.

(I may have been being too harsh. And it may be a good idea to add support for
this in Markdown later via a CMS "converter" or "hook")

[ire, 2017/08/09 16:50:31]

Acknowledged.

+
+This is a [link](https://example.com/)
+
+This is `inline code`

[juliandoucette, 2017/08/09 12:06:54]

I left inline-code out of default-content because it wasn't relevant to most of
our websites. I thought it was a better idea to include it in a separate module
with other advanced features like mark, samp, kbd, and syntax highlighting.

[ire, 2017/08/09 16:50:31]

Acknowledged.

+
+This is an abbr
+
+*[abbr]: Abbreviation
+
+This has a footnote[^1]
+
+[^1]: This is a footnote content