/**
 * PREZENTARE GENERALĂ
 *
 * Acest fișier gestionează schema (layout) website-ului. În loc să seteze
 * una câte una componentele layout-ului, creăm un sistem distinct
 * care are doar un scop—de a spune fiecărui element
 * ce dimensiuni trebuie să aibă și unde trebuie să apară.
 *
 * Class-ele declarate aici pot fi atribuite oricărui container
 * pentru a le da dimensiunea corectă și pentru a se comporta cum trebuie.
 */


/**
 * CUPRINS
 *
 * LAYOUT
 * Elemente.................Regula dimensiunii container-ilor.
 * Modifiers..............Regulile care modifică layout-ul, de ex. float-uri.
 *
 * CULOARE
 * Culoare orizontale....Regula whitespace-ului dintre containeri.
 *
 * HELPERI
 * Clearfix...............Un class care poate fi atribuit floated container-ilor.
 */





/*------------------------------------*\
  #LAYOUT
\*------------------------------------*/

/**
 * 1. Dacă trebuie să float-ezi un element, aceste class-e te vor ajuta.
 * Nu uita să atribui clasa .clearfix
 * din secțiunea HELPERI despre container.
 */

.layout__item--75-percent { width: 75%; }

.layout__item--25-percent { width: 25%; }


.layout__item--floated-left  { float: left; } /* [2] */

.layout__item--floated-right { float: right; }/* [2] */





/*------------------------------------*\
  #HELPERI
\*------------------------------------*/

.clearfix:after {
  content:  "";
  display:  table;
  clear:    both;
}