weblancaster

# ${1:Project Name}

TODO: Write a project description

## Installation

TODO: Describe the installation process

## Usage

weblancaster

// formula/function to transform px to em.
@function calc-em($target-px, $context) {
    @return ($target-px / $context) * 1em;
}

//use like this
selector {
    padding-left: calc-em(20px, 16px);
}

weblancaster

The beauty of how modern browsers works in simple steps.

- Loading resources (img, external css/js, etc).
- Parsing the HTML.
- Creating the DOM Tree (nodes, etc).
- Creating the Render Tree.
- Layout of the render tree.
- Painting.

The science behind the scenes!