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: $search_entry_height * 0.5; // half the height 11 color: transparentize($fg_color,0.3); 12 background-color: $bg_color; 13 border-color: $borders_color; 14 15 &:hover { 16 background-color: $hover_bg_color; 17 border-color: $hover_borders_color; 18 color: $hover_fg_color; 19 } 20 21 &:focus { 22 padding: $base_padding $base_padding+2; // 1px less to account for wider border 23 border-width: 2px; 24 border-style: solid; 25 border-color: $selected_bg_color; 26 color: $fg_color; 27 box-shadow: inset 0 1px 2px 1px rgba(0,0,0,0.2); 28 } 29 30 .search-entry-icon { 31 icon-size: $base_icon_size; 32 padding: 0 4px; 33 color: inherit; 34 } 35}