Update to site
This commit is contained in:
parent
3345fa5897
commit
b0bdfe2fe9
244 changed files with 11618 additions and 12 deletions
64
sass/inuitcss/objects/_breadcrumb.scss
Normal file
64
sass/inuitcss/objects/_breadcrumb.scss
Normal file
|
@ -0,0 +1,64 @@
|
|||
@charset "UTF-8";
|
||||
@if $use-breadcrumb == true{
|
||||
|
||||
/*------------------------------------*\
|
||||
$BREADCRUMB
|
||||
\*------------------------------------*/
|
||||
/**
|
||||
* Simple breadcrumb styling to apply to (ordered) lists. Extends `.nav`, e.g.:
|
||||
*
|
||||
<ol class="nav breadcrumb">
|
||||
<li><a href=#>Home</a></li>
|
||||
<li><a href=#>About</a></li>
|
||||
<li><a href=#>The Board</a></li>
|
||||
<li class=current><a href=#>Directors</a></li>
|
||||
</ol>
|
||||
*
|
||||
* Demo: jsfiddle.net/inuitcss/rkAY9
|
||||
*
|
||||
*/
|
||||
.breadcrumb > li + li:before{
|
||||
content:"\00BB" "\00A0";
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* For denoting a path-like structure, GitHub style, e.g.:
|
||||
*
|
||||
<ol class="nav breadcrumb--path">
|
||||
<li class=breadcrumb__root><a href=#>inuit.css</a></li>
|
||||
<li><a href=#>inuit.css</a></li>
|
||||
<li><a href=#>partials</a></li>
|
||||
<li class=current><a href=#>objects</a></li>
|
||||
</ol>
|
||||
*
|
||||
*/
|
||||
.breadcrumb--path > li + li:before{
|
||||
content:"\002F" "\00A0";
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Assign a delimiter on the fly through a data attribute, e.g.:
|
||||
*
|
||||
<ol class="nav breadcrumb">
|
||||
<li><a href=#>Home</a></li>
|
||||
<li data-breadcrumb="|"><a href=#>About</a></li>
|
||||
<li data-breadcrumb="|"><a href=#>The Board</a></li>
|
||||
<li data-breadcrumb="|" class=current><a href=#>Directors</a></li>
|
||||
</ol>
|
||||
*
|
||||
*/
|
||||
.breadcrumb > li + li[data-breadcrumb]:before{
|
||||
content:attr(data-breadcrumb) "\00A0";
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Denote the root of the tree.
|
||||
*/
|
||||
.breadcrumb__root{
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
}//endif
|
Loading…
Add table
Add a link
Reference in a new issue