<div pam-Grid>
    <div pam-Unit="1-2 medium:1-3">
        <div pam-skin="bg:gray:50" grid-block="fixed small">
            <span pam-skin="text:primary:on:light">Gray 50</span>
        </div>
    </div>
    <div pam-Unit="1-2 medium:1-3">
        <div pam-skin="bg:gray:100" grid-block="fixed small">
            <span pam-skin="text:primary:on:light">Gray 100</span>
        </div>
    </div>
    <div pam-Unit="1-2 medium:1-3">
        <div pam-skin="bg:gray:200" grid-block="fixed small">
            <span pam-skin="text:primary:on:light">Gray 200</span>
        </div>
    </div>
    <div pam-Unit="1-2 medium:1-3">
        <div pam-skin="bg:gray:300" grid-block="fixed small">
            <span pam-skin="text:primary:on:light">Gray 300</span>
        </div>
    </div>
    <div pam-Unit="1-2 medium:1-3">
        <div pam-skin="bg:gray:400" grid-block="fixed small">
            <span pam-skin="text:primary:on:light">Gray 400</span>
        </div>
    </div>
    <div pam-Unit="1-2 medium:1-3">
        <div pam-skin="bg:gray:500" grid-block="fixed small">
            <span pam-skin="text:primary:on:dark">Gray 500</span>
        </div>
    </div>
    <div pam-Unit="1-2 medium:1-3">
        <div pam-skin="bg:gray:600" grid-block="fixed small">
            <span pam-skin="text:primary:on:dark">Gray 600</span>
        </div>
    </div>
    <div pam-Unit="1-2 medium:1-3">
        <div pam-skin="bg:gray:700" grid-block="fixed small">
            <span pam-skin="text:primary:on:dark">Gray 700</span>
        </div>
    </div>
    <div pam-Unit="1-2 medium:1-3">
        <div pam-skin="bg:gray:800" grid-block="fixed small">
            <span pam-skin="text:primary:on:dark">Gray 800</span>
        </div>
    </div>
</div>