Changeset View
Changeset View
Standalone View
Standalone View
web/components/search.css
div.searchContainer { | div.searchContainer { | ||||
background-color: var(--text-input-bg); | background-color: var(--text-input-bg); | ||||
display: flex; | display: flex; | ||||
align-items: center; | align-items: center; | ||||
margin: 1rem; | margin: 1rem; | ||||
border-radius: 16px; | border-radius: 16px; | ||||
padding: 8px; | padding: 8px; | ||||
} | } | ||||
div.searchIcon { | div.searchIcon { | ||||
display: flex; | display: flex; | ||||
color: var(--search-icon-color); | color: var(--search-icon-color); | ||||
} | } | ||||
input.searchInput { | input.searchInput, | ||||
#searchInputID { | |||||
background-color: transparent; | background-color: transparent; | ||||
font-size: var(--m-font-16); | font-size: var(--m-font-16); | ||||
line-height: 1.5; | line-height: 1.5; | ||||
padding: 4px 12px; | padding: 4px 12px; | ||||
flex: 1; | flex: 1; | ||||
border: none; | border: none; | ||||
color: var(--search-input-color); | color: var(--search-input-color); | ||||
outline: none; | outline: none; | ||||
Show All 17 Lines |