Flexibility uses two CSS files. the foundation.css file in assets/templates/flexibility/stylesheets handles most of the basic styles from the foundation framework, and the Flexibility styles are in the style.css in the flexibility folder.
You can override most of the foundation styles by using the style.css, and adding a selector from foundation.css, with just the overriding style applied. Since Foundation is still updated regularly, this will save your styles should you decide to update that file.
Foundation's been updated at least 3 times in the past year, that I know of.
There's also this issue with the header meta tags, and this information will save you a lot of grief in the future when you see it.
In the flexibilityHeader.html this meta tag exists (you'll find this also in the MODX HTML5 Boilerplate package):
<meta name="description" content="[[*introtext:empty=`[[*content:strip_tags]]`:limit=`200`]]" />
It doesn't work very well. When it does work, it will place any snippet called within the first 200 characters into your head, process it (with errors) and you'll see the faulty snippet result twice in the page. Once above the header, stripped and erroring, and in the page itself, possibly malfunctioning. There's a couple solutions, neither of which is a good one.
1-make sure the introtext field contains "something" in each resource. As long as introtext isn't empty, it won't strip and insert the snippet in the head. But you also get no description for your pages.
or
2-omit the
:empty=`[[*content:strip_tags]]`:limit=`200
in the meta tag. Which also leaves your description empty if the resource editor fails to fill in introtext.
☆ A M B ☆
☆ A M B ☆