breadcrumbs update: rename class-names and variable

Author: Pascal Alferink

scss/variables.scss

@@ -120,4 +120,4 @@ $font-size-default: 1.6rem;
 $line-height-default: 1.5;
 
 
-$castlecss-breadcrumbs-separator: '\00bb';
+$breadcrumbs-separator: '\00bb';

views/breadcrumbs.html

@@ -7,14 +7,14 @@
 				<h1>Breadcrumbs</h1>
 				<p class="intro">Make sure your visitors never get lost</p>
 				<p class="alert">
-					Note: You need castlecss-breadcrumbs or the full package of CastleCSS for this.
+					Note: You need breadcrumbs or the full package of CastleCSS for this.
 				</p>
 				<p>Feel free to use these breadcrumbs to get you started. Create your own breadcrumbs.scss to overwrite the standard breadcrumbs or edit your <a href="variables.html">variables document</a> for different colors/styles.</p>
 			</div>
 
 			<div class="block p" style="background: #eee;">
 
-				<nav class="castlecss-breadcrumbs">
+				<nav class="breadcrumbs">
 					<ol class="breadcrumbs-wrap" itemtype="http://schema.org/BreadcrumbList">
 						<li class="breadcrumb breadcrumb-home" itemprop="itemListElement" itemscope  itemtype="http://schema.org/ListItem">
 							<a href="/" itemprop="item"><span itemprop="name">Home</span></a>
@@ -37,7 +37,7 @@ <h1>Breadcrumbs</h1>
 			</div>
 
 			<pre class="brush: xml;">
-				<nav class="castlecss-breadcrumbs">
+				<nav class="breadcrumbs">
 					<ol class="breadcrumbs-wrap" itemtype="http://schema.org/BreadcrumbList">
 						<li class="breadcrumb breadcrumb-home" itemprop="itemListElement" itemscope  itemtype="http://schema.org/ListItem">
 							<a href="/" itemprop="item"><span itemprop="name">Home</span></a>
@@ -62,20 +62,20 @@ <h2>Options</h2>
 				<h3>Changing the breadcrumb separator</h3>
 				<p>
 					The default separator between the breadcrumbs is the double arrow <code>&raquo;</code>. <br />
-					If you want a different character as your separator for all crumbs, please overwrite the variable <code>$castlecss-breadcrumbs-separator</code>.
+					If you want a different character as your separator for all crumbs, please overwrite the variable <code>$breadcrumbs-separator</code>.
 				</p>
 				<p>
-					If you want a different charactor for a specific separator, please add the attribute <code>data-castlecss-breadcrumbs-separator</code> and give it the vaule of your separator.
+					If you want a different charactor for a specific separator, please add the attribute <code>data-breadcrumbs-separator</code> and give it the vaule of your separator.
 				</p>
 				<p>
-					<strong>Example:</strong> <code>data-castlecss-breadcrumbs-separator="/"</code> sets a / as separator
+					<strong>Example:</strong> <code>data-breadcrumbs-separator="/"</code> sets a / as separator
 				</p>
 			</div>
 
 			<div class="block p" style="background: #eee;">
-				<nav class="castlecss-breadcrumbs">
+				<nav class="breadcrumbs">
 					<ol class="breadcrumbs-wrap" itemtype="http://schema.org/BreadcrumbList">
-						<li class="breadcrumb breadcrumb-home" data-castlecss-breadcrumbs-separator="/" itemprop="itemListElement" itemscope  itemtype="http://schema.org/ListItem">
+						<li class="breadcrumb breadcrumb-home" data-breadcrumbs-separator="/" itemprop="itemListElement" itemscope  itemtype="http://schema.org/ListItem">
 							<a href="/" itemprop="item"><span itemprop="name">Home</span></a>
 						</li>
 						<li class="breadcrumb breadcrumb-current" itemprop="itemListElement" itemscope  itemtype="http://schema.org/ListItem">
@@ -86,9 +86,9 @@ <h3>Changing the breadcrumb separator</h3>
 
 			</div>
 			<pre class="brush: xml;">
-				<nav class="castlecss-breadcrumbs">
+				<nav class="breadcrumbs">
 					<ol class="breadcrumbs-wrap" itemtype="http://schema.org/BreadcrumbList">
-						<li class="breadcrumb breadcrumb-home" data-castlecss-breadcrumbs-separator="/" itemprop="itemListElement" itemscope  itemtype="http://schema.org/ListItem">
+						<li class="breadcrumb breadcrumb-home" data-breadcrumbs-separator="/" itemprop="itemListElement" itemscope  itemtype="http://schema.org/ListItem">
 							<a href="/" itemprop="item"><span itemprop="name">Home</span></a>
 						</li>
 						<li class="breadcrumb breadcrumb-current" itemprop="itemListElement" itemscope  itemtype="http://schema.org/ListItem">