| Current Path : /var/www/iplanru/data/www/i-plan.ru/templates/yoo_everest/warp/vendor/uikit/less/ |
| Current File : /var/www/iplanru/data/www/i-plan.ru/templates/yoo_everest/warp/vendor/uikit/less/breadcrumb.less |
// Name: Breadcrumb
// Description: Defines styles for a breadcrumb navigation
//
// Component: `uk-breadcrumb`
//
// States: `uk-active`
//
// ========================================================================
// Variables
// ========================================================================
@breadcrumb-font-size: 1rem;
@breadcrumb-divider: "/";
@breadcrumb-divider-margin: 8px;
@breadcrumb-disabled-color: #999;
/* ========================================================================
Component: Breadcrumb
========================================================================== */
/*
* 1. Remove default list style
* 2. Remove whitespace between child elements when using `inline-block`
*/
.uk-breadcrumb {
/* 1 */
padding: 0;
list-style: none;
/* 2 */
font-size: 0.001px;
.hook-breadcrumb;
}
/* Items
========================================================================== */
/*
* Reset whitespace hack
*/
.uk-breadcrumb > li {
font-size: @breadcrumb-font-size;
vertical-align: top;
}
.uk-breadcrumb > li,
.uk-breadcrumb > li > a,
.uk-breadcrumb > li > span { display: inline-block; }
.uk-breadcrumb > li:nth-child(n+2):before {
content: @breadcrumb-divider;
display: inline-block;
margin: 0 @breadcrumb-divider-margin;
.hook-breadcrumb-divider;
}
/*
* Disabled
*/
.uk-breadcrumb > li:not(.uk-active) > span { color: @breadcrumb-disabled-color; }
// Hooks
// ========================================================================
.hook-breadcrumb-misc;
.hook-breadcrumb() {}
.hook-breadcrumb-divider() {}
.hook-breadcrumb-misc() {}