feat(css): set breakpoints the de facto value

768px has been much more common for many years (since 2010), and other major CSS frameworks have used 768px as the breakpoint for years. Signed-off-by: Takuya Noguchi <takninnovationresearch@gmail.com>
algolia · Jul 21, 2022 · b36b061 · b36b061
1 parent 11e1090
commit b36b061
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/docsearch-css/src/button.css b/packages/docsearch-css/src/button.css
@@ -63,7 +63,7 @@
   width: 20px;
 }
 
-@media (max-width: 750px) {
+@media (max-width: 768px) {
   .DocSearch-Button-Keys,
   .DocSearch-Button-Placeholder {
     display: none;

diff --git a/packages/docsearch-css/src/modal.css b/packages/docsearch-css/src/modal.css
@@ -556,7 +556,7 @@ svg.DocSearch-Hit-Select-Icon {
 }
 
 /* Responsive */
-@media (max-width: 750px) {
+@media (max-width: 768px) {
   :root {
     --docsearch-spacing: 10px;
     --docsearch-footer-height: 40px;