216
edits
Changes
Created page with "<noinclude>Flexbox-item-header opens a wrapper for elements within a flexbox. It sets several CSS properties that are meaningless outside of an HT..."
<noinclude>Flexbox-item-header opens a wrapper for elements within a [[Template:Flexbox-header|flexbox]].
It sets several CSS properties that are meaningless outside of an HTML element with <code><nowiki>display: flex</nowiki></code>.
It '''must''' be closed with either [[Template:Flexbox-footer]], or a <code><nowiki></div></nowiki></code>.
Flexbox-item-header accepts two parameters. <code>order</code> is required and sets the position of this flexbox-item relative to others; it accepts any integer. <code>style</code> allows for arbitrary CSS.
Frankly, the code for this is a mess, but it ''is'' necessary until the underlying technology is a more widespread web standard.
== See also ==
[https://css-tricks.com/snippets/css/a-guide-to-flexbox/ A Guide to CSS Flexbox][[Category:Main page components]]</noinclude><div class="{{#if:{{{mobilehide|}}}|mobilehide| |}}" style="-webkit-box-flex: 0 1 auto; -moz-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-ordinal-group: {{{order}}}; -moz-box-ordinal-group: {{{order}}}; -ms-flex-order: {{{order}}}; -webkit-order: {{{order}}}; order: {{{order}}}; {{{style|}}};">
It sets several CSS properties that are meaningless outside of an HTML element with <code><nowiki>display: flex</nowiki></code>.
It '''must''' be closed with either [[Template:Flexbox-footer]], or a <code><nowiki></div></nowiki></code>.
Flexbox-item-header accepts two parameters. <code>order</code> is required and sets the position of this flexbox-item relative to others; it accepts any integer. <code>style</code> allows for arbitrary CSS.
Frankly, the code for this is a mess, but it ''is'' necessary until the underlying technology is a more widespread web standard.
== See also ==
[https://css-tricks.com/snippets/css/a-guide-to-flexbox/ A Guide to CSS Flexbox][[Category:Main page components]]</noinclude><div class="{{#if:{{{mobilehide|}}}|mobilehide| |}}" style="-webkit-box-flex: 0 1 auto; -moz-box-flex: 0 1 auto; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-ordinal-group: {{{order}}}; -moz-box-ordinal-group: {{{order}}}; -ms-flex-order: {{{order}}}; -webkit-order: {{{order}}}; order: {{{order}}}; {{{style|}}};">