/*!
 * =======================================================================
 * Si CSS v1.0.0 
 * =======================================================================
 * 
 * Do you wonder why this module is called Si?
 * Well, here are some answers:
 * 1) It is short (only two characters);
 * 2) If you change the 'i' and replace it with a 'ì', you get 'Sì', which means 'Yes' in italian and it is used as a
 *     positive exclamation when something is cool (e.g.: there are two people, A and B. A says: 
 *     "Do you think this Si is helpful for your web development?"; B replies: "Sì!!!");
 * 3) Si is the seventh musical note;
 * 4) It was born at Silicom Engineering -> 'Si'licom Engineering (you got the idea); 
 *
 * @author: Tonix-Tuft <antonytuft@gmail.com>
 */

/*
 * .si-block is a block container with full height.
 */
.si-block {   
    display: block;
    height: 100%;
    width: 100%;
}

/*
 * .si-level is a block container with height set to auto (its content makes its height).
 */
.si-block .si-level {    
    height: auto;
}

/* Both .si-block and a .si-level inside of it have a 'border-box' box-sizing */
.si-block, .si-block .si-level, .si-block .si-level-fluid-height {
    box-sizing: border-box;
}