From c5b4ac867e760668968c89b12e27a45426c83df3 Mon Sep 17 00:00:00 2001 From: Cory LaViska Date: Wed, 15 Jul 2020 08:26:31 -0400 Subject: [PATCH] Fix search input styles --- docs/assets/styles/docs.css | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/docs/assets/styles/docs.css b/docs/assets/styles/docs.css index 7d7f4abce..55372c858 100644 --- a/docs/assets/styles/docs.css +++ b/docs/assets/styles/docs.css @@ -99,15 +99,16 @@ } .sidebar .search input[type='search'] { - box-shadow: 0 0 0 var(--sl-focus-ring-width) transparent, inset 0 0 0 1px var(--sl-input-border-color); - border-radius: 9999px; - padding-right: 2.5rem; + border: solid 1px var(--sl-input-border-color); + border-radius: var(--sl-border-radius-pill); + padding-right: 2rem; margin: 0 1.25rem; transition: var(--sl-transition-fast) box-shadow; } .sidebar .search input[type='search']:focus { - box-shadow: var(--sl-focus-ring-box-shadow), inset 0 0 0 1px var(--sl-input-border-color-focus); + box-shadow: var(--sl-focus-ring-box-shadow); + border-color: var(--sl-input-border-color-focus); outline: none; }