So I've just started using Wookmark for a charity site, on a page where I'm listing Board Members.
Unfortunately, something is breaking Wookmark, and I can't figure out what it is. (It may well be my grid system, which is http://matthewhartman.github.io/base/, but that would just be weird.)
The width of each li sets at 210, but each one goes beneath the other, and doesn't use columns (all items appear in 1 column).
If I remove container from the options, then each li sits next to the other, and continues past the end of the page. In addition, and if container is removed, then the height of the ul sets at 0, and the footer of the site goes underneath the lis. If I then add overflow: hidden to the ul, all the items disappear.
Also, and as you can see by the image, even though I've set the margin to 0 on ul, it's still there, which means it's being added...
So I've just started using Wookmark for a charity site, on a page where I'm listing Board Members.
Unfortunately, something is breaking Wookmark, and I can't figure out what it is. (It may well be my grid system, which is http://matthewhartman.github.io/base/, but that would just be weird.)
I have the following HTML (PHP):
The following LESS:
And the following JS (CoffeeScript shown here):
The width of each
li
sets at 210, but each one goes beneath the other, and doesn't use columns (all items appear in 1 column).If I remove
container
from the options, then eachli
sits next to the other, and continues past the end of the page. In addition, and ifcontainer
is removed, then the height of theul
sets at 0, and the footer of the site goes underneath theli
s. If I then addoverflow: hidden
to theul
, all the items disappear.Also, and as you can see by the image, even though I've set the margin to 0 on
ul
, it's still there, which means it's being added...Any idea why this is happening?