...
| | Bootstrap 3.0 | Foundation 4 | Pure 0.3.0 | YAML 4 | Inuit 5 |
|---|
Navigation Lists | | | | | |
| Tabs |  | Implemented using Sections | | | |
| Pills | | | | | |
| Vertical lists | | Implemented using Sections | | | |
| Dropdowns | |
| | | |
| Forms: Right aligned labels | | | |  | |
| Anchor Buttons | No ARIA role | | | | |
| Normalize | | | | see base.css | |
| Clearfix | | need to add it yourself | | | |
Progressive Enhancement | | uses custom modernizr | | | |
| Fixed height / Grid item layouts | | | | | |
| Progress Bars | No WAI-ARIA markup | No WAI-ARIA markup |  | | |
| Theming | Bootstrap Theme Roller - bootstrap only supports 1 theme. Use Javascript to switch stylesheets.
- the theme roller lacks finer font colour adjustments (i.e. for buttons, table headers, disabled form fields)
| | PureCSS Skin Builder | | |
| Accessibility Features | .sr-only class makes element visible to ATs only .hidden and .show hide or show content. See below for notes on sr-only class | | | - skip links class
- element visibility classes:
- hidden / visible to ATs and printing
visible but not while printing
See notes below. | |
| Spacing unit | px | | | em | |
| Environment | LESS | Sass |  Straight CSS? | Sass | Sass |
| Max Package Size* | 471,199 bytes | 1,028,053 bytes | 226,559 bytes | 1,196,192 bytes | |
| License | Apache License v2.0 | MIT Open Source | BSD License | CC Attribution 2.0 | Apache License 2.0 |
| Documentation | Friendly and thorough | Technical and thorough | Minimal, but complete. | Technical and thorough | Very minimal documentation. "There are no official docs for
inuit.css because the code is the documentation. " - source |
| Community / Adoption | Active and widely adopted | Active and widely adopted | | Active and widely adopted | |
| IE | | | | | |
| 6 | Unknown | basic experience, not broken. | Assume compatible due to Normalize.css | | |
| 7 | basic experience, not broken. | basic experience, not broken. | | | |
| 8 | basic experience, not broken. | not supported | | | |
...
- very minimal
- written in SMACSS
- Purecss is designed to play nice with other frameworks. One use case is to have Purecss as foundation and specific Bootstrap modules
- Not "version 1"
YAML
| Code Block |
|---|
.ym-skip, .ym-hideme, .ym-print {
left: -32768px;
position: absolute;
top: -32768px;
} |
FSS Considerations
The following classes are used by UIO and Exploration Tool. The candidate framework should make it easy to create themes or customizations based on these classnames:
...