This PR is a beast as a result of playing around with CSS. Sorry in advance.
The goal was to make this news item use standard classes. So this is the reference document for my changes.
- Upgrade Bootstrap to the latest 3.x version. Mainly done because things like
.make-col-xs-offset()did not work in our version. Should have no breaking changes for us.
- Improve some figure subclasses, especially
- Use flexbox for all rows and columns, and make them equal height. Shouldn't have a negative effect on existing code, but makes centering stuff so much easier.
- Automatically create classes for max-width in steps of 5 (e.g.
.max-width-85). Only applies for figures in screens >= md. Makes it easier for figures to change their size flexibly.
- Update the
with-image-*classes, and move them to separate file.
look/bootstrap from your diff, run on git basedir:
git diff master.. -- ":(exclude)look/bootstrap"