From 8a34f86f47b0d90246dcf356e18e25898742a33c Mon Sep 17 00:00:00 2001 From: Orest Bida Date: Thu, 20 Apr 2023 15:23:01 +0200 Subject: [PATCH] Feat: disable transitions if `prefers-reduced-motion` is enabled --- src/scss/core/_base.scss | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/src/scss/core/_base.scss b/src/scss/core/_base.scss index d9f8e5d8..323b18b2 100644 --- a/src/scss/core/_base.scss +++ b/src/scss/core/_base.scss @@ -29,6 +29,7 @@ line-height: 1.15; -webkit-text-size-adjust: 100%; z-index: var(--cc-z-index); + position: fixed; &.cc--rtl{ direction: rtl; @@ -106,4 +107,11 @@ html.disable--interaction{ height: auto!important; overflow: hidden!important; } +} + +// disable transition if prefers-reduced-motion detected +@media (prefers-reduced-motion) { + #cc-main { + --cc-modal-transition-duration: 0s; + } } \ No newline at end of file