CSS Boxes

Box default

Box example

.box-darken
.box-lighten
	                <div class="box">
    <p>Box example</p>
	<div class="box-darken">.box-darken</div>
	<div class="box-lighten">.box-lighten</div>
</div>
                

Box background

Box example

.box-darken
.box-lighten
	                <div class="box-text">
    <p>Box example</p>
	<div class="box-darken">.box-darken</div>
	<div class="box-lighten">.box-lighten</div>
</div>
                

Box primary

Box example

.box-darken
.box-lighten
	                <div class="box-primary">
    <p>Box example</p>
	<div class="box-darken">.box-darken</div>
	<div class="box-lighten">.box-lighten</div>
</div>
                

Box secondary

Box example

.box-darken
.box-lighten
	                <div class="box-secondary">
    <p>Box example</p>
	<div class="box-darken">.box-darken</div>
	<div class="box-lighten">.box-lighten</div>
</div>
                

Box foreground

Box example

.box-darken
.box-lighten
	                <div class="box-foreground">
    <p>Box example</p>
	<div class="box-darken">.box-darken</div>
	<div class="box-lighten">.box-lighten</div>
</div>
                

Box ok

Box example

.box-darken
.box-lighten
	                <div class="box-ok">
    <p>Box example</p>
	<div class="box-darken">.box-darken</div>
	<div class="box-lighten">.box-lighten</div>
</div>
                

Box ko

Box example

.box-darken
.box-lighten
	                <div class="box-ko">
    <p>Box example</p>
	<div class="box-darken">.box-darken</div>
	<div class="box-lighten">.box-lighten</div>
</div>
                

Box info

Box example

.box-darken
.box-lighten
	                <div class="box-info">
    <p>Box example</p>
	<div class="box-darken">.box-darken</div>
	<div class="box-lighten">.box-lighten</div>
</div>