<!-- Breadcrumb -->
<div class="breadcrumb dotted tx-uppercase">
<a href="#">Home Page</a>
<a href="#">Site Category</a>
<a href="#">Theard or Current Page Name Goes Here</a>
</div>
<!-- // Breadcrumb -->
Breadcrumb Theme Mixin
tornado provide a nice control of mixin for the Breadcrumb theme witch you can use to extend or change the colors,sizes,backgrounds easly with sass mixin you can use it by adding the function/mixin inside a selector targeting your header you can see the function and all options that available below.
//==== Breadcrumb Box ====//
@include breadcrumb (
$backgroundColor:#f7f7f7, //====> Background Color
$border:1px solid rgba(0,0,0,.10), //====> Box Border
$padding:0.6875rem 1.25rem, //=====> Box Padding
$color:$dark-color, //=====> Text Color
$fontSize:0.9375rem, //=====> Text Font Size
$lineHeight:1.875rem, //====> Text Line Height
$iconSize:1rem, //====> Icons Font Size
$colorActive:$dark-color, //=====> Active Text Color
$ActiveBackground:#ffffff, //====> Active Background Color
);
Copyright (c) 2016-present, Tornado UI Licensed under the terms of the MIT License.