Цвет лупы - Вопросы по CSS

/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

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

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

@search-width:							@search-padding;
@search-height:							@global-height;
@search-color:							@global-color;
@search-placeholder-color:				rgba(0,0,0,0);
@search-icon-size:						20px;
@search-icon-color:						@global-color;
@search-close-size:						18px;
@search-close-color:					@global-color;


// Component
// ==========================================================================

.hook-search() {}

.hook-search-icon() {}


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

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

.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;
		border-bottom: none;
	}

}