Fractions

PAM grid supports 1th to 5th and 24th-based grid fractions. Use them with pam-Unit="[1-X]-X".

1
2
2
3
3
3
4
4
4
4
5
5
5
5
5
24
24
24
24
24
24
Markup

Toggle example guides Toggle HTML markup 

<div pam-Grid>
    <div pam-Unit="1-1">
        <div pam-Unit-Test>1</div>
    </div>
</div>
<div pam-Grid>
    <div pam-Unit="1-2">
        <div pam-Unit-Test>2</div>
    </div>
    <div pam-Unit="1-2">
        <div pam-Unit-Test>2</div>
    </div>
</div>
<div pam-Grid>
    <div pam-Unit="1-3">
        <div pam-Unit-Test>3</div>
    </div>
    <div pam-Unit="1-3">
        <div pam-Unit-Test>3</div>
    </div>
    <div pam-Unit="1-3">
        <div pam-Unit-Test>3</div>
    </div>
</div>
<div pam-Grid>
    <div pam-Unit="1-4">
        <div pam-Unit-Test>4</div>
    </div>
    <div pam-Unit="1-4">
        <div pam-Unit-Test>4</div>
    </div>
    <div pam-Unit="1-4">
        <div pam-Unit-Test>4</div>
    </div>
    <div pam-Unit="1-4">
        <div pam-Unit-Test>4</div>
    </div>
</div>
<div pam-Grid>
    <div pam-Unit="1-5">
        <div pam-Unit-Test>5</div>
    </div>
    <div pam-Unit="1-5">
        <div pam-Unit-Test>5</div>
    </div>
    <div pam-Unit="1-5">
        <div pam-Unit-Test>5</div>
    </div>
    <div pam-Unit="1-5">
        <div pam-Unit-Test>5</div>
    </div>
    <div pam-Unit="1-5">
        <div pam-Unit-Test>5</div>
    </div>
</div>
<div pam-Grid>
    <div pam-Unit="4-24">
        <div pam-Unit-Test>24</div>
    </div>
    <div pam-Unit="4-24">
        <div pam-Unit-Test>24</div>
    </div>
    <div pam-Unit="4-24">
        <div pam-Unit-Test>24</div>
    </div>
    <div pam-Unit="4-24">
        <div pam-Unit-Test>24</div>
    </div>
    <div pam-Unit="4-24">
        <div pam-Unit-Test>24</div>
    </div>
    <div pam-Unit="4-24">
        <div pam-Unit-Test>24</div>
    </div>
</div>