| Current Path : /var/www/iplanru/data/www/i-plan.ru/templates/yoo_everest/less/uikit/addons/ |
| Current File : /var/www/iplanru/data/www/i-plan.ru/templates/yoo_everest/less/uikit/addons/search.less |
/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */
//
// Component: Search
//
// ========================================================================
// Variables
// ========================================================================
@search-width: @search-padding;
@search-focus-width: 120px;
@search-height: @global-height;
@search-padding: 30px;
@search-border: rgba(0,0,0,0);
@search-background: rgba(0,0,0,0);
@search-color: @global-light-color;
@search-placeholder-color: rgba(0,0,0,0);
@search-icon-color: @global-light-color;
@search-close-color: fade(@global-light-color, 50%);
@dropdown-search-margin-top: 15px;
@dropdown-search-background: @global-background;
@dropdown-search-color: @global-color;
@dropdown-search-navbar-margin-top: 35px;
@dropdown-search-navbar-margin-right: -25px;
@nav-search-color: @global-color;
@nav-search-active-background: rgba(0,0,0,0);
@nav-search-active-color: @global-link-color;
@nav-search-header-color: @global-muted-color;
@nav-search-divider-border: @global-border;
@nav-search-nested-color: @global-color;
@nav-search-nested-hover-color: @global-link-hover-color;
@offcanvas-search-margin: 20px;
@offcanvas-search-background: rgba(0,0,0,0);
@offcanvas-search-border: @global-border;
@offcanvas-search-color: @global-color;
@offcanvas-search-placeholder-color: @global-muted-color;
@offcanvas-search-icon-color: @global-color;
// Component
// ========================================================================
.hook-search() {}
.hook-search-icon() {}
// Sub-object `uk-search-field`
// ========================================================================
.hook-search-field() {
position: relative;
padding: 0;
cursor: pointer;
z-index: 1;
}
.hook-search-field-focus() {}
// Sub-object `uk-search-close`
// ========================================================================
.hook-search-close() { z-index: 2; }
// Modifier: `uk-dropdown-search`
// ========================================================================
.hook-dropdown-search() {}
// Modifier `uk-nav-search`
// ========================================================================
//
// Items
//
.hook-nav-search() {}
// Active
.hook-nav-search-active() {}
//
// Sub-object: `uk-nav-header`
//
.hook-nav-search-header() {}
//
// Sub-object: `uk-nav-divider`
//
.hook-nav-search-divider() {}
// Search in offcanvas
// ========================================================================
.hook-offcanvas-search-field() {}
// Miscellaneous
// ========================================================================
.hook-search-misc() {
// Sub-object `uk-search-field`
// ========================================================================
.uk-search-field:focus,
.uk-active .uk-search-field {
padding: 0 @search-padding;
cursor: text;
}
// Modifier: `uk-nav-search`
// ========================================================================
.uk-nav-search ul.uk-nav-sub { border-bottom: 1px solid @global-border; }
}