From WikiChip
Difference between revisions of "WikiChip:styling"

(Created page with "This page documents some of the styling that has been added to WikiChip for various purposes: == Multi-Columns == To break down a list, we have the <code>wiki-ul-col##</code>...")
 
m (David moved page WikiChip:Styling to WikiChip:styling without leaving a redirect)
(No difference)

Revision as of 16:05, 29 June 2017

This page documents some of the styling that has been added to WikiChip for various purposes:

Multi-Columns

To break down a list, we have the wiki-ul-col## class where ## is the number of columns, for example:

<div class="wiki-ul-col3">
* AA
* BB 
* CC
* DD
* EE 
* FF
</div>
  • AA
  • BB
  • CC
  • DD
  • EE
  • FF

We have a {{collist}} template which wraps this class for you.

Table Text alignment

In order to alight an entire column of a table, we have tl##, tc##, and tr## classes for (left, center, and right respectively) where ## is the column's number.

For example, the following table as the tl1 tc2 tr3 tl4 classes added to the <table> tag:

ABCD
AAABBCDD
ABCCCCDDDDD
AABBBBCDDD
AAAAAABCCCCCCDDDDDD
AABCDD