I recently was looking for a CSS solution to vertically-align elements, and I found one here.
One thing that I thought was nice was the right-justified code; example:
.vertical-center {
// ... other stuff ...
-webkit-box-pack : center;
-moz-box-pack : center;
-ms-flex-pack : center;
-webkit-justify-content : center;
justify-content : center;
}
It looks nice, and is a bit easier to read (in my opinion). However, I prefer tabs, and this kind of formatting requires spaces. That's not the main issue though.
The problem is that it seems to me that code like this becomes unmaintainable because one becomes focused on 'beautifying' the code instead of doing something more productive.
How can this be reconciled, so that code is both easy to read and to write?