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.
@import "base"; @import "imports/modules/panel"; @import "imports/modules/box";
<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>