Update to site
This commit is contained in:
parent
3345fa5897
commit
b0bdfe2fe9
244 changed files with 11618 additions and 12 deletions
40
sass/inuitcss/objects/_split.scss
Normal file
40
sass/inuitcss/objects/_split.scss
Normal file
|
@ -0,0 +1,40 @@
|
|||
@charset "UTF-8";
|
||||
@if $use-split == true{
|
||||
|
||||
/*------------------------------------*\
|
||||
$SPLIT
|
||||
\*------------------------------------*/
|
||||
/**
|
||||
* Simple split item for creating two elements floated away from one another,
|
||||
* e.g.:
|
||||
*
|
||||
<dl class=split>
|
||||
<dt class=split__title>Burger and fries</dt>
|
||||
<dd>£5.99</dd>
|
||||
<dt class=split__title>Fillet steak</dt>
|
||||
<dd>£19.99</dd>
|
||||
<dt class=split__title>Ice cream</dt>
|
||||
<dd>£2.99</dd>
|
||||
</dl>
|
||||
*
|
||||
<ol class="split results">
|
||||
<li class=first><b class=split__title>1st place</b> Bob</li>
|
||||
<li class=second><b class=split__title>2nd place</b> Lilly</li>
|
||||
<li class=third><b class=split__title>3rd place</b> Ted</li>
|
||||
</ol>
|
||||
*
|
||||
* Demo: jsfiddle.net/inuitcss/9gZW7
|
||||
*
|
||||
*/
|
||||
.split{
|
||||
text-align:right;
|
||||
list-style:none;
|
||||
margin-left:0;
|
||||
}
|
||||
.split__title{
|
||||
text-align:left;
|
||||
float:left;
|
||||
clear:left;
|
||||
}
|
||||
|
||||
}//endif
|
Loading…
Add table
Add a link
Reference in a new issue