User:DoggoBit/Sandbox/Infobox board: Difference between revisions

@@ Line 29: / Line 29: @@
 }}
 </pre>
+==Implementation details==
+All CSS properties are implemented via variables, so style inheritance applies. I.e. surrounding the template in a div that overrides any one of the values will propagate the changes. For example:
+<pre>
+<div style="--infobox-color: green;">
+  {{Infobox board
+    ...
+  }}
+</div>
+</pre>
+The ''"logical"'' elements of the box are also captured via CSS classes, so any styles could be incorporated into the website's [[Special:common.css]]. Each element has two classes: <code>nix-wiki</code> and <code>infobox-something</code>.
+I wold ''personally'' love to top-align the content cells, so that we don't get the staggered lines on multi-line cells, but that would be a lot of manual work now, and would result in an overly complicated template. However, it should be a common.css one-liner.
 </noinclude>