pip-webui/pip-webui-css/samples/css_styles/responsive.html

HTML5 UI for LOB applications

<p class="text-title h72 m0 bm8 layout-row layout-align-start-center">
    Mixins
</p>

<p> Use our mixins for css-components</p>

<p><b>flex</b> - add display flex</p>
<p><b>flex-direction(@direction)</b> - add direction</p>
<p><b>flex-direction-row()</b> - add row direction</p>
<p><b>flex-direction-column()</b> - add column direction</p>
<p><b>flex-flow(@direction, @wrap)</b> - add flex direction + flex-wrap</p>
<p><b>flex-flow-row-wrap()</b> - add display flex + row direction + flex-wrap: wrap;</p>
<p><b>flex-element(@grow, @shrink, @initialSize: auto)</b> - add flex with parameters </p>
<p><b>flex-fixed()</b> - is equal to flex-element with parameters 0, 0, auto </p>
<p><b>flex-var()</b>  - is equal to flex-element with parameters 1, 1, auto</p>
<p><b>flex-grow()</b>  - is equal to flex-element with parameters 1, 0, auto</p>
<p><b>flex-shrink()</b>  - is equal to flex-element with parameters 0, 1, auto</p>
<p><b>flex-order(@index)</b> -  add order index</p>
<p><b>flex-vertical-content(@value)</b> - add  align-items</p>
<p><b>flex-vertical-center()</b> - add  align-items:center</p>
<p><b>flex-vertical-start()</b> - add align-items:start</p>
<p><b>flex-justify-content(@value, @oldValue)</b> - add justify-content with oldValue for webkit and  value for other browsers</p>
<p><b>flex-horizontal-start()</b> - add justify-content with parameters - start, flex-start</p>
<p><b>flex-horizontal-center()</b> - add justify-content with parameters - center center</p>
<p><b>flex-horizontal-end</b> - justify - content with parameters - end, flex-end</p>