Awesomeness - Components

Panel

Panels are special boxes, that also have a visually highlighted title. They can be used for different purposes, for example as popup boxes. A panl always has the class .panel and also has a .panel__head element inside to specify the heading of the panel.

Example

My Panel

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large langocean.

Imports

SASS:

@import "base";
@import "imports/modules/panel";
@import "imports/modules/box";

Code

<div class="panel">
	<div class="panel__head">
		My Panel <i class="fa fa-times pull-right"></i>
	</div>
	<div class="panel__body">
        Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large langocean.
    </div>
</div>