From 641f20a9b5577cf2a6fb54d546c6b353f0ca4645 Mon Sep 17 00:00:00 2001 From: Adnan Is-haq Olamilekan Date: Mon, 17 Oct 2022 18:02:56 +0100 Subject: [PATCH] Scroll behavior (#5182) * Make HTML scroll behavior smooth. To make the site more professional, I add smoothness to the HTML scroll behavior * Make HTML scroll behavior smooth. To make the site more professional, I add smoothness to the HTML scroll behavior * Make HTML scroll behavior smooth To make the site more professional, I add smoothness to the HTML scroll behavior * Make HTML scroll behavior smooth To make the site more professional, I add smoothness to the HTML scroll behavior * Make HTML scroll behavior smooth To make the site more professional, I add smoothness to the HTML scroll behavior * Update beta/src/styles/algolia.css Co-authored-by: Strek * Update src/css/algolia.css Co-authored-by: Strek * Update beta/src/styles/sandpack.css Co-authored-by: Strek Co-authored-by: Strek --- beta/src/styles/index.css | 2 +- src/css/reset.css | 1 + 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/beta/src/styles/index.css b/beta/src/styles/index.css index a5c32b187..04fbe7456 100644 --- a/beta/src/styles/index.css +++ b/beta/src/styles/index.css @@ -45,9 +45,9 @@ /* Write your own custom base styles here */ html { color-scheme: light; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; + scroll-behavior: smooth; } html.dark { diff --git a/src/css/reset.css b/src/css/reset.css index 955da30ac..1c1bc6d3e 100644 --- a/src/css/reset.css +++ b/src/css/reset.css @@ -12,6 +12,7 @@ html { font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; + scroll-behavior: smooth; } body {