css-module-flex-box.xml

<?xml version="1.0" encoding="utf-8"?>
<CssModule name="Flexible Box Layout" standard-reference="http://www.w3.org/TR/css-flexbox-1/" status="LC" pub-date="2014-09-25">

  <CssPropertyValue type="flexdirections">
    <entry value="row" />
    <entry value="row-reverse" />
    <entry value="column" />
    <entry value="column-reverse" />
  </CssPropertyValue>

  <CssPropertyValue type="flexwraps">
    <entry value="nowrap" description="The flexbox is single-line. The cross-start direction is equivalent to either the 'start' or 'before' direction of the current writing mode, whichever is in the cross-axis, and the cross-end direction is the opposite direction of cross-start." />
    <entry value="wrap" description="The flexbox is multi-line. The cross-start direction is equivalent to either the 'start' or 'before' direction of the current writing mode, whichever is in the cross-axis, and the cross-end direction is the opposite direction of cross-start." />
    <entry value="wrap-reverse" description="Same as 'wrap', except the cross-start and cross-end directions are swapped." />
  </CssPropertyValue>

  <CssProperty name="align-content" version="3.0" browsers="C,FF,IE11,O12.1" restriction="enum" syntax="p { $(name): flex-start; }" description="Aligns a flex container's lines within the flex container when there is extra space in the cross-axis, similar to how 'justify-content' aligns individual items within the main-axis." standard-reference="http://www.w3.org/TR/css-flexbox-1/#align-content">
    <entry value="flex-start" />
    <entry value="flex-end" />
    <entry value="center" />
    <entry value="space-between" />
    <entry value="space-around" />
    <entry value="stretch" />
  </CssProperty>

  <CssProperty name="align-items" version="3.0" browsers="C,FF,IE11,O12.1" restriction="enum" syntax="p { $(name): flex-start; }" description="Flex items can be aligned in the cross axis of the current line of the flex container, similar to 'justify-content' but in the perpendicular direction." standard-reference="http://www.w3.org/TR/css-flexbox-1/#align-items">
    <entry value="flex-start" />
    <entry value="flex-end" />
    <entry value="center" />
    <entry value="baseline" />
    <entry value="stretch" />
  </CssProperty>

  <CssProperty name="align-self" version="3.0" browsers="C,FF,IE11,O12.1" restriction="enum" syntax="p { $(name): flex-start; }" description="Flex items can be aligned in the cross axis of the current line of the flex container, similar to 'justify-content' but in the perpendicular direction." standard-reference="http://www.w3.org/TR/css-flexbox-1/#align-items">
    <entry value="auto" />
    <entry value="flex-start" />
    <entry value="flex-end" />
    <entry value="center" />
    <entry value="baseline" />
    <entry value="stretch" />
  </CssProperty>

  <CssProperty name="display">
    <entry value="flex" />
    <entry value="inline-flex" />
  </CssProperty>

  <CssProperty name="flex-basis" version="3.0" browsers="C,FF,IE11,O12.1" restriction="length, number, percentage" syntax="p { $(name): 30%; }" description="The 'flex-basis' property sets the flex basis. Negative lengths are invalid." standard-reference="http://www.w3.org/TR/css-flexbox-1/#flex-basis-propdef">
    <entry value="auto" />
  </CssProperty>

  <CssProperty name="flex-direction" version="3.0" browsers="C,FF,IE11,O12.1" type="flexdirections" restriction="enum" syntax="div { $(name): column; }" description="Specifies how flexbox items are placed in the flexbox." standard-reference="http://www.w3.org/TR/css-flexbox-1/#flex-direction" />

  <CssProperty name="flex-flow" version="3.0" browsers="C,FF,IE11,O12.1" type="flexwraps, flexdirections" restriction="enum" syntax="div { $(name): column wrap; }" description="Specifies how flexbox items are placed in the flexbox." standard-reference="http://www.w3.org/TR/css-flexbox-1/#flex-flow" />

  <CssProperty name="flex-grow" version="3.0" browsers="C,FF,IE11,O12.1" restriction="number" syntax="p { $(name): 4; }" description="The 'flex-grow' property sets the flex grow factor. Negative numbers are invalid." standard-reference="http://www.w3.org/TR/css-flexbox-1/#flex-grow" />

  <CssProperty name="flex-shrink" version="3.0" browsers="C,FF,IE11,O12.1" restriction="number" syntax="p { $(name): 4; }" description="The 'flex-shrink' property sets the flex shrink factor. Negative numbers are invalid." standard-reference="http://www.w3.org/TR/css-flexbox-1/#flex-shrink" />

  <CssProperty name="flex" version="3.0" browsers="C,FF,IE11,O12.1" restriction="length, number, percentage" syntax="p { $(name): 0 1 auto; }" description="Specifies the components of a flexible length: the flex grow factor and flex shrink factor, and the flex basis." standard-reference="http://www.w3.org/TR/css-flexbox-1/#flex">
    <entry value="auto" />
    <entry value="none" />
  </CssProperty>

  <CssProperty name="flex-wrap" version="3.0" browsers="C,FF,IE11,O12.1" type="flexwraps" restriction="enum" syntax="div { $(name): nowrap; }" description="controls whether the flexbox is single-line or multi-line, and the direction of the cross axis, which affects the direction new lines are stacked in and the meaning of the 'flex-align', 'flex-item-align', and 'flex-line-pack' properties." standard-reference="http://www.w3.org/TR/css-flexbox-1/#flex-wrap" />

  <CssProperty name="isolation" version="3.0" browsers="C,FF,O,S" restriction="enum" syntax="div { $(name): isolate; }" description="In CSS setting to 'isolate' will turn the element into a stacking context. In SVG, it defines whether an element is isolated or not." standard-reference="http://www.w3.org/TR/compositing-1/#isolation">
    <entry value="auto" />
    <entry value="isolate" />
  </CssProperty>

  <CssProperty name="justify-content" version="3.0" browsers="C,FF,IE11,O12.1" restriction="enum" syntax="p { $(name): flex-start; }" description="Aligns a flex container's lines within the flex container when there is extra space in the cross-axis, similar to how 'justify-content' aligns individual items within the main-axis." standard-reference="http://www.w3.org/TR/css-flexbox-1/#align-content">
    <entry value="flex-start" />
    <entry value="flex-end" />
    <entry value="center" />
    <entry value="space-between" />
    <entry value="space-around" />
  </CssProperty>

  <CssProperty name="initial-letter" version="3.0" browsers="none" restriction="number, integer, enum" syntax="body { $(name): 3; }" description="Specifies styling for dropped, raised, and sunken initial letters." standard-reference="http://www.w3.org/TR/css-inline/#propdef-initial-letter">
    <entry value="normal" />
  </CssProperty>

  <CssProperty name="initial-letter-align" version="3.0" browsers="none" restriction="enum" syntax="body { $(name): ideographic; }" description="Specifies the alignment points used to size and position an initial letter." standard-reference="http://www.w3.org/TR/css-inline/#propdef-initial-letter-align">
    <entry value="aplabetic" />
    <entry value="ideagraphic" />
    <entry value="hebrew" />
    <entry value="hanging" />
    <entry value="border-box" />
  </CssProperty>

  <CssProperty name="initial-letter-wrap" version="3.0" browsers="none" restriction="length, percentage, enum" syntax="body { $(name): first; }" description="Specifies whether lines impacted by an initial letter are shortened to fit the rectangular shape of the initial letter box or follow the contour of its end-edge glyph outline." standard-reference="http://www.w3.org/TR/css-inline/#propdef-initial-letter-align">
    <entry value="none" />
    <entry value="first" />
    <entry value="all" />
    <entry value="grid" />
  </CssProperty>

  <CssProperty name="order" version="3.0" browsers="C,FF,IE11,O12.1" restriction="integer" syntax="p { $(name): -1; }" description="Controls the order in which flex items appear within their flex container, by assigning them to ordinal groups." standard-reference="http://www.w3.org/TR/css-flexbox-1/#order" />
</CssModule>