//------------------------------------------------------------------------------------------------
// BOX OBJECT
//------------------------------------------------------------------------------------------------

/*
Boxes off content
http://csswizardry.com/2011/10/the-island-object/
*/

// BLOCK & ELEMENTS
//------------------------------------------------------------------------------------------------

/*
[1] So we can apply the `.o-box` class to naturally-inline elements.
[2] If within a flex box, make sure it stretches full width by default.
*/

.o-box {
	display: block; /* [1] */
	width: 100%; /* [2] */
}


// FIXED MODIFIERS
//------------------------------------------------------------------------------------------------

.o-box--fixed-top {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
}

.o-box--fixed-bottom {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 10;
}