click here for a plain text version
<?php include 'css-init.php';

// NOTE:    THIS->"%%" contains a special unicode character between the two "%" symbols,
//          to prevent token parsing by CSS-INIT. THIS IS ONLY REQUIRED FOR THIS DEMO (the comments)!!!

$this_date = $site_config['now'];
$site_config['minify_css'] = false;
echo <<<CSS


.testdiv {

    /*
        This style sheet is designed to test CSS-INIT's various Math (OK, Arithmetic!) functions.

        More about CSS-INIT here:
        https://corz.org/engine?source=menu&section=php%2Fcorz%20function%20library%2Fcss-init

        corz.org CSS-INIT simple math test begun @ $this_date
    */


    height: %%front_img_height(+10%)%%;        /*    450px +10%        CSS: height: %%front_img_height(+10%)%%;    */
    height: %%front_img_height(/2)%%;        /*    450px /2        CSS: height: %%front_img_height(/2)%%;    */
    height: %%front_img_height(*4)%%;        /*    450px *4        CSS: height: %%front_img_height(*4)%%;    */
    margin: %%testval(+20%)%%;        /*    5rem +20%        CSS: margin: %%testval(+20%)%%;    */
    margin: %%testval(-20%)%%;        /*    5rem -20%        CSS: margin: %%testval(-20%)%%;    */
    margin: %%testval(*50%)%%;    /*    5rem *50%        CSS: margin: %%testval(*50%)%%;    */
    margin: %%testval(*.25)%%;    /*    5rem *.25%        CSS: margin: %%testval(*.25)%%;    */
    font-size: %%textsize(+.2)%%;    /*    1.6rem +.2        CSS: font-size: %%textsize(+.2)%%;    */
    font-size: %%textsize(-.2)%%;    /*    1.6rem -.2        CSS: font-size: %%textsize(-.2)%%;    */

    background-image: url("%%bg_img_front%%"), url("%%bg_img%%");    /* test double %%token%% on one line    */
}

CSS;
output_CSS(); ?>
back to the source menu
test

Welcome to corz.org!

I'm always messing around with the back-end.. See a bug? Wait a minute and try again. Still see a bug? Mail Me!