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

Sidebar with Tags

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)

Buttons

Inline tex with Link Button

Forms