mint file markup and layout example

test.mint.css

/*
notes :
- set to css for highlighting only, does not equate to css.
- wip, etc


----
control markup
----
*/

>canvas main {
    >panel login {
        >entry user {}
        >entry pass { password:true; }
        >button done { text:'done'; }
    },
    >panel info {
        >label forgot {
            text:'forgot?';
            link:true;
            src:'/login/forgot';
        }
        >image help {
            img:'/img/help.png';
            click:'clicked-help';
        }
    }
}

/*
-----
layout constraints
----
*/

:main {
    width: 512;
    height: 512;
    center-y: screen.h/2;
    center-x: screen.w/2;
}

:login {
    width: main.width * 0.8;
    height: main.height * 0.6;
    center-x: main.center-x;
    top: height / 10;
}