0.4.1 • Published 4 years ago

mofron-layout-grid v0.4.1

Weekly downloads
26
License
MIT
Repository
github
Last release
4 years ago

mofron-layout-grid

mofron is module based frontend framework.

grid layout for mofron

it makes component size to a specified size, and positions by horizontal.

when it positioned at the horizontal end, it turns back on the left side and positions under its.

Attention

  • please specify either the ratio parameter or the width parameter
  • it gives priority to ratio parameter if users specified both

Install

npm install mofron mofron-layout-grid

Sample

<setting>
    <tag load="mofron-layout-grid">Grid</tag>
</setting>
<div>
    <layout>
        <Grid height=1rem>[25,40,35]</Grid>
    </layout>
    <div color2=[250,230,230]></div>
    <div color2=[230,250,230]></div>
    <div color2=[230,230,250]></div>
    <div color2=[240,220,220]></div>
    <div color2=[220,240,220]></div>
    <div color2=[220,220,240]></div>
</div>

Parameter

ShortFormParameter NameTypeDescription
ratioarrayunits width ratio number,number,..
widtharraywidth size for grid target string,string,..
heightstring (size)height size for grid target
0.4.1

4 years ago

0.4.0

4 years ago

0.3.1

4 years ago

0.3.0

4 years ago

0.2.0

5 years ago

0.1.1

6 years ago

0.1.0

6 years ago

0.0.4

6 years ago

0.0.3

6 years ago

0.0.2

6 years ago

0.0.1

7 years ago