1// Search entry 2 3$search_entry_width: 320px; 4$search_entry_height: 36px; 5 6%search_entry, 7.search-entry { 8 width: $search_entry_width; 9 padding: $base_padding+1 $base_padding+3; 10 border-radius: $base_border_radius; //$search_entry_height * 0.5; // half the height 11 color: transparentize($fg_color,0.3); 12 margin-top: $base_spacing * 2; 13 margin-bottom: $base_spacing; 14 background-color: transparentize(white, 0.86); //$base_color; 15 border-color: transparent; //$borders_color; 16 box-shadow: inset 0 0 0 1px transparentize(white, 0.8); 17 18 &:hover { 19 background-color: transparentize(white, 0.75); 20 border-color: transparent; 21 color: $hover_fg_color; 22 } 23 24 &:focus { 25 padding: $base_padding $base_padding+2; // 1px less to account for wider border 26 border-width: 2px; 27 border-style: solid; 28 border-color: $selected_bg_color; 29 color: $fg_color; 30 box-shadow: inset 0 1px 2px 1px rgba(0,0,0,0.2); 31 } 32 33 .search-entry-icon { 34 icon-size: $base_icon_size; 35 padding: 0 4px; 36 color: inherit; 37 } 38} 39