| 12345678910111213141516171819202122232425262728293031 |
- /*!
- {
- "name": "Flex Line Wrapping",
- "property": "flexwrap",
- "tags": ["css", "flexbox"],
- "notes": [{
- "name": "W3C Spec",
- "href": "https://www.w3.org/TR/css-flexbox-1/"
- }],
- "warnings": [
- "Does not imply a modern implementation – see documentation."
- ]
- }
- !*/
- /* DOC
- Detects support for the `flex-wrap` CSS property, part of Flexbox, which isn’t present in all Flexbox implementations (notably Firefox).
- This featured in both the 'tweener' syntax (implemented by IE10) and the 'modern' syntax (implemented by others). This detect will return `true` for either of these implementations, as long as the `flex-wrap` property is supported. So to ensure the modern syntax is supported, use together with `Modernizr.flexbox`:
- ```javascript
- if (Modernizr.flexbox && Modernizr.flexwrap) {
- // Modern Flexbox with `flex-wrap` supported
- }
- else {
- // Either old Flexbox syntax, or `flex-wrap` not supported
- }
- ```
- */
- define(['Modernizr', 'testAllProps'], function(Modernizr, testAllProps) {
- Modernizr.addTest('flexwrap', testAllProps('flexWrap', 'wrap', true));
- });
|