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: rgba(white, 0.75); 12 background-color: rgba(white, 0.10); 13 border-color: rgba(black, 0.65); 14 margin-top: $base_spacing * 2; 15 margin-bottom: $base_spacing; 16 17 &:hover { 18 background-color: rgba(white, 0.18); 19 border-color: rgba(black, 0.75); 20 color: rgba(white, 0.85); 21 } 22 23 &:focus { 24 background-color: rgba(white, 0.15); 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: rgba(white, 0.85); 30 box-shadow: none; 31 } 32 33 StLabel.hint-text { 34 color: rgba(white, 0.55); 35 } 36 37 .search-entry-icon { 38 icon-size: $base_icon_size; 39 padding: 0 4px; 40 color: inherit; 41 } 42} 43