Update to site
This commit is contained in:
parent
3345fa5897
commit
b0bdfe2fe9
244 changed files with 11618 additions and 12 deletions
69
sass/inuitcss/objects/_grids.scss
Normal file
69
sass/inuitcss/objects/_grids.scss
Normal file
|
@ -0,0 +1,69 @@
|
|||
@if $use-grids == true{
|
||||
|
||||
/*------------------------------------*\
|
||||
$GRIDS
|
||||
\*------------------------------------*/
|
||||
/**
|
||||
* Fluid and nestable grid system, e.g.:
|
||||
*
|
||||
<div class="grid">
|
||||
|
||||
<div class="grid__item one-third">
|
||||
<p>One third grid</p>
|
||||
</div><!--
|
||||
|
||||
--><div class="grid__item two-thirds">
|
||||
<p>Two thirds grid</p>
|
||||
</div><!--
|
||||
|
||||
--><div class="grid__item one-half">
|
||||
<p>One half grid</p>
|
||||
</div><!--
|
||||
|
||||
--><div class="grid__item one-quarter">
|
||||
<p>One quarter grid</p>
|
||||
</div><!--
|
||||
|
||||
--><div class="grid__item one-quarter">
|
||||
<p>One quarter grid</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
*
|
||||
* Demo: jsfiddle.net/inuitcss/CLYUC
|
||||
*
|
||||
*/
|
||||
|
||||
|
||||
/**
|
||||
* Grid wrapper
|
||||
*/
|
||||
.grid{
|
||||
margin-left:-$base-spacing-unit;
|
||||
list-style:none;
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Very infrequently occuring grid wrappers as children of grid wrappers.
|
||||
*/
|
||||
.grid > .grid{
|
||||
margin-left:0;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Grid
|
||||
*/
|
||||
.grid__item{
|
||||
display:inline-block;
|
||||
width:100%;
|
||||
padding-left:$base-spacing-unit;
|
||||
vertical-align:top;
|
||||
@if $global-border-box == false{
|
||||
@include vendor(box-sizing, border-box);
|
||||
}
|
||||
}
|
||||
|
||||
}//endif
|
Loading…
Add table
Add a link
Reference in a new issue