Your IP : 216.73.216.82

Current Path : /var/www/iplanru/data/www/www.i-plan.ru/templates/yoo_everest/less/uikit/
Upload File :
Current File : /var/www/iplanru/data/www/www.i-plan.ru/templates/yoo_everest/less/uikit/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%);


// 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; }


// Miscellaneous
// ========================================================================

.hook-search-misc() {

    /* Sub-object `uk-search-field`
     ========================================================================== */

    .uk-search-field:focus,
    .uk-active .uk-search-field {
        padding: 0 @search-padding;
        cursor: text;
    }

}