# Hello Living Styleguide

Note that this styleguide has been moved over from an older version of the blog so this approach does not necessarily represent the way the markup is structured anymore. It shows, however, that embedding alternative styles into an existing page is a breeze when employing BEM blocks. The old styles literally live side-by-side with the new ones and the mild namespacing via ui-theme allows for selective theming on a per-subtree-basis.

This is the living documentation for my own little set of responsive Block Element Modifier (BEM) based CSS layout blocks being used throughout my blog. Don’t expect any content here :-).

## Recent posts

• ### Second post

The first lines of this post that gives the reader an idea what to expect from this post.

Wednesday 2017-02-01
• ### First post

The first lines of this post that gives the reader an idea what to expect from this post.

Wednesday 2017-02-01
• ### An older post with a really long title that just might wrap around

The first lines of this post that gives the reader an idea what to expect from this post.

Wednesday 2017-02-01
• ### An even older post

The first lines of this post that gives the reader an idea what to expect from this post.

Wednesday 2017-02-01

Some info.

### Grid

The default grid is using up to 12 flexbox columns.

Col-1
Col-11
Col-2
Col-10
Col-3
Col-9
Col-4
Col-8
Col-5
Col-7
Col-6
Col-6
Col-7
Col-5
Col-8
Col-4
Col-9
Col-3
Col-10
Col-2
Col-11
Col-1
Fullsize (col-12)

Inline tex with