From 13c4d15822404bfcb35afcb6d85090d4efd8bf48 Mon Sep 17 00:00:00 2001 From: Shipow Date: Fri, 19 Jun 2020 10:31:44 +0200 Subject: [PATCH] css(docsearch): lint --- packages/docsearch-react/src/style.css | 32 +++++--------------------- 1 file changed, 6 insertions(+), 26 deletions(-) diff --git a/packages/docsearch-react/src/style.css b/packages/docsearch-react/src/style.css index df2388430..81cbffd0e 100644 --- a/packages/docsearch-react/src/style.css +++ b/packages/docsearch-react/src/style.css @@ -398,7 +398,6 @@ html[data-theme='dark'] { @media screen and (prefers-reduced-motion: reduce) { .DocSearch-Hit--deleting { - opacity: 0; transition: none; } } @@ -410,10 +409,7 @@ html[data-theme='dark'] { @media screen and (prefers-reduced-motion: reduce) { .DocSearch-Hit--favoriting { - transform: scale(0); - transform-origin: top center; transition: none; - transition-delay: 250ms; } } @@ -507,43 +503,27 @@ html[data-theme='dark'] { padding: 2px; } -.DocSearch-Hit-Select-Icon { +svg.DocSearch-Hit-Select-Icon { display: none; } + .DocSearch-Hit[aria-selected='true'] .DocSearch-Hit-Select-Icon { display: block; } -@media screen and (prefers-reduced-motion: reduce) { - .DocSearch-Hit-action-button:hover, - .DocSearch-Hit-action-button:focus { - background: rgba(0, 0, 0, 0.2); - transition: none; - } +.DocSearch-Hit-action-button:hover, +.DocSearch-Hit-action-button:focus { + background: rgba(0, 0, 0, 0.2); + transition: background-color 0.1s ease-in; } @media screen and (prefers-reduced-motion: reduce) { .DocSearch-Hit-action-button:hover, .DocSearch-Hit-action-button:focus { - background: rgba(0, 0, 0, 0.2); transition: none; } } -@media screen and (prefers-reduced-motion: reduce) { -.DocSearch-Hit-action-button:hover, -.DocSearch-Hit-action-button:focus { - background: rgba(0, 0, 0, 0.2); - transition: none; -} -} - -.DocSearch-Hit-action-button:hover, -.DocSearch-Hit-action-button:focus { - background: rgba(0, 0, 0, 0.2); - transition: background-color 0.1s ease-in; -} - .DocSearch-Hit-action-button:hover path, .DocSearch-Hit-action-button:focus path { fill: #fff;