mirror of
https://github.com/home-assistant/home-assistant.io.git
synced 2025-05-17 00:18:58 +00:00
39 lines
600 B
SCSS
39 lines
600 B
SCSS
@if $use-island == true{
|
|
|
|
/*------------------------------------*\
|
|
$ISLAND
|
|
\*------------------------------------*/
|
|
/**
|
|
* Simple, boxed off content, as per: csswizardry.com/2011/10/the-island-object
|
|
* E.g.:
|
|
*
|
|
<div class=island>
|
|
I am boxed off.
|
|
</div>
|
|
*
|
|
* Demo: jsfiddle.net/inuitcss/u8pV3
|
|
*
|
|
*/
|
|
.island,
|
|
.islet{
|
|
display:block;
|
|
@extend .cf;
|
|
}
|
|
.island{
|
|
padding:$base-spacing-unit;
|
|
}
|
|
.island > :last-child,
|
|
.islet > :last-child{
|
|
margin-bottom:0;
|
|
}
|
|
|
|
|
|
/**
|
|
* Just like `.island`, only smaller.
|
|
*/
|
|
.islet{
|
|
padding:$half-spacing-unit;
|
|
}
|
|
|
|
}//endif
|