diff --git a/assets/css/common/search.css b/assets/css/common/search.css index 5ea9d3b0..b14dfc41 100644 --- a/assets/css/common/search.css +++ b/assets/css/common/search.css @@ -7,38 +7,35 @@ border-radius: var(--radius); } -.searchbox input:focus { - border-color: var(--secondary); -} - .searchResults li { list-style: none; border-radius: var(--radius); - padding: 10px; - margin: 10px 0; + padding: 10px 15px; position: relative; font-weight: 500; + display: flex; + align-items: center; + justify-content: space-between; + background: var(--entry); + transition: transform .25s ease; + border: 1px solid var(--border); } .searchResults { - margin: 10px 0; + margin: var(--content-gap) 0; width: 100%; + display: flex; + flex-direction: column; + gap: 10px; } -.searchResults li:active { - transition: transform 0.1s; - transform: scale(0.98); +.searchResults li:hover, +.searchResults li:focus-within { + transform: translateY(-2px); + border-color: var(--tertiary); } -.searchResults a { - position: absolute; - width: 100%; - height: 100%; - top: 0px; - left: 0px; -} - -.searchResults .focus { - transform: scale(0.98); - border: 2px solid var(--tertiary); +.searchResults li .entry-link:focus { + outline: 2px solid var(--secondary); + outline-offset: -2px; }