Update 2023-02-23
Note that this styleguide has been moved again over from an older version of the blog so this approach has been proven to work over tech generations.
We don't include the original font "Roboto" in this legacy article because we don't want Google to track more of your movements.
Update 2019-06-05
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-themeallows 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 -
The oldest post
Sidebar with Tags
Some info.
Grid
The default grid is using up to 12 flexbox columns.