gistfile1.md

#el-struktur Strukturen er ment for å få en god struktur samt å unngå at selectors overskriver andre moduler sine selectors.

##Regler

• Hver modul ligger i sin egen fil og begynner med prefixen .el-*
• Moduler som ikke innholder ukjent html kan ha vilkårlige navn nedenfor el-prefixen
• Moduler som inneholder ukjent html (f.eks el-header) må ha prefix-navn ned til der det kan forekomme html for å unngå kollisjon

##Eksempler

Denne boksen kan ha ukjent html i content-området og må derfor prefixe navn rundt for å hindre at de lekker ned til det ukjente innholdet. Legg merke til at .icon ikke trenger prefix fordi den er inni .box-header og det er kun .box-content som kan ha ukjent html.

.el-box {
	.box-header { 
		.icon { ... }
	}
	.box-content { ... }
}

Denne boksen kan ikke ha ukjent html inni seg, så her kan vi trygt droppe prefixing av navn.

.el-tooltip {
	.header { ... }
	.content { ... }
}

###Html-eksempel

<div class="el-box">
	<div class="box-header">Header info</div>
	<div class="box-content">
		<div class="el-tooltip">
			<div class="header">Tooltip header</div>
			<div class="content">Tooltop content</div>
		</div>
	</div>
</div>