Some of the color blocks are of different heights because the content is missing lines. Specifically, blocks that would have the bg-yellow class (which would equate to background-color:#FFFF00 ) are missing the descriptive
Also, I find it very odd that the blocks in the 'Accessible Combinations' have in-line color styles rather than actually using the tachyons classes to do the work, so not all of these combinations are available as advertised.
On the appearance front, to keep different content heights from breaking the flow or leaving gaps flex classes should be added to the parent ul.
from:
<ul class="cf list pl0 ml0">
to:
<ul class="list pl0 ml0 flex flex-wrap">
Some of the color blocks are of different heights because the content is missing lines. Specifically, blocks that would have the
bg-yellowclass (which would equate tobackground-color:#FFFF00) are missing the descriptiveAlso, I find it very odd that the blocks in the 'Accessible Combinations' have in-line color styles rather than actually using the tachyons classes to do the work, so not all of these combinations are available as advertised.
On the appearance front, to keep different content heights from breaking the flow or leaving gaps flex classes should be added to the parent ul.
from:
<ul class="cf list pl0 ml0">to:<ul class="list pl0 ml0 flex flex-wrap">related:
466
139
632
193
https://github.com/tachyons-css/tachyons-css.github.io/issues/193