Your IP : 216.73.216.240

Current Path : /home/sunflowe/www2/floridevilladereve/templates/saffron/less/uikit/
Upload File :
Current File : /home/sunflowe/www2/floridevilladereve/templates/saffron/less/uikit/search.less

// Copyright (C) arrowthemes, https://www.gnu.org/licenses/gpl.html GNU/GPL */

//
// Component: Search
//
// ========================================================================


// Variables
// ========================================================================

@search-width:                                  @search-padding;
@search-focus-width:                            120px;
@search-padding:                                30px;
@search-height:                                 @global-height;
@search-border:                                 rgba(0,0,0,0);
@search-background:                             rgba(0,0,0,0);
@search-color:                                  #ffffff;
@search-placeholder-color:                      rgba(0,0,0,0);

@search-icon-color:                             #ffffff;

@dropdown-search-margin-top:                    15px;
@dropdown-search-background:                    @global-background;
@dropdown-search-color:                         @global-color;
@dropdown-search-navbar-margin-top:             5px;
@dropdown-search-navbar-margin-right:           0;

@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() {
    border-right: 1px solid @global-border;
    box-shadow: 1px 0 0 @theme_global-light-shadow;
    padding-right: 10px; 
}

.hook-search-icon() {}


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

.hook-search-field() {
    position: relative;
    padding: 0;
    cursor: pointer;
    z-index: 1;
}

.hook-search-field-focus() {}


// Modifier: `uk-dropdown-search`
// ========================================================================

.hook-dropdown-search() {}


// Modifier `uk-nav-search`
// ========================================================================

//
// Items
//

.hook-nav-search() {}

// Active
.hook-nav-search-active() {
    background-color: rgba(0, 0, 0, 0.01);
}

//
// Sub-object: `uk-nav-header`
//

.hook-nav-search-header() {
    border-bottom: 1px solid @global-border;
    color: @global-color;
    border-bottom-width: 3px;
    padding: 10px 15px;
}

//
// Sub-object: `uk-nav-divider`
//

.hook-nav-search-divider() {
    margin: 0;
}


// Search in offcanvas
// ========================================================================

.hook-offcanvas-search-field() {
    padding: 0 @search-padding;
    cursor: text;
}


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

.hook-search-misc() {

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

    .uk-search-field:focus,
    .uk-search.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; }
    .uk-navbar-flip .uk-dropdown-search { padding: 0; }

    .uk-nav-search > li > a {
        padding: 15px 20px;
        border-bottom: 1px dashed @global-border;
        font-family: @base-heading-font-family;
        box-shadow: 0 1px 0 @theme_global-light-shadow;
        -webkit-transition: all linear 0.05s;
                transition: all linear 0.05s;
    }

    .uk-nav-search > li > a > div {
        font-family: @base-body-font-family;
    }

    .tm-header-right {

        .uk-search {
            border-right: none;
            padding: 30px 0;
            box-shadow: none;
        }

        .uk-search:before {
            color: @theme-header-right-color;
            top: 30px;
        }

        .uk-nav li > a > div {
            line-height: @global-line-height;
        }

        input.uk-search-field {
            border: 1px solid rgba(0, 0, 0, 0.12);
            background-color: rgba(0, 0, 0, 0.03);
            box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.04);
            border-radius: 2px;
            width: @search-focus-width + 80;
            color: @theme-header-right-color;
            padding: 0 0 0 30px;
        }

        .uk-dropdown-search {
            margin-top: -15px;
        }

        .uk-search.uk-active .uk-search-field,
        input.uk-search-field:focus {
            border-color: @form-focus-border;
            background: @form-focus-background;
            width: @search-focus-width + 80;
        }

        .uk-search-field:-ms-input-placeholder { color: @theme-header-right-color !important; }
        .uk-search-field::-moz-placeholder { color: @theme-header-right-color; }
        .uk-search-field::-webkit-input-placeholder { color: @theme-header-right-color; }

    }
}