Styleguide - The A11Y Project

6.11 #Components.post Post

Toggle example guides Toggle HTML markup

A post component contains all content and information used for The A11Y project's blog posts.

Eleventy, the software that is used to generate this site, uses Markdown to convert blog post content into HTML code. Because of this, we use the class c-post as namespace that allows to easily create blog content-specific styling.

This allows site authors to continue to write in Markdown without having to worry about using both HTML markup and learning and applying site-specific styling classes. It also ensures that future styling work is decoupled from content.

Example
…
Markup 
<div
  id="short-answer"
  class="l-post__content c-content"
  itemprop="articleBody">
  …
</div>
Source: src/css/components/_c-post.scss, line 5