Fix use of transparentize() in *.scss

The function expects a unitless number between 0 and 1 as the second parameter.
The updated SCSS compiler in 5.5+ complains about this misuse.

diff --git a/wcfsetup/install/files/style/ui/contentItem.scss b/wcfsetup/install/files/style/ui/contentItem.scss
index e03709ac99e5b98d33b4ceddf57d62f840558579..525faa6138ee9915180962b4804209514f4682d5 100644 (file)
--- a/wcfsetup/install/files/style/ui/contentItem.scss
+++ b/wcfsetup/install/files/style/ui/contentItem.scss
@@ -70,7 +70,7 @@
        position: relative;
 
        &::after {
-               background-image: linear-gradient(to top, $wcfContentBackground, transparentize($wcfContentBackground, 100%));
+               background-image: linear-gradient(to top, $wcfContentBackground, transparentize($wcfContentBackground, 1));
                bottom: 0;
                content: "";
                height: 30px;

diff --git a/wcfsetup/install/files/style/ui/embeddedContent.scss b/wcfsetup/install/files/style/ui/embeddedContent.scss
index 9b4084c52c7c297238345bef3e2d97ca3fa0cb43..3906c580efc2067c8ed43411f3e253b1ad8a7147 100644 (file)
--- a/wcfsetup/install/files/style/ui/embeddedContent.scss
+++ b/wcfsetup/install/files/style/ui/embeddedContent.scss
@@ -76,7 +76,7 @@
        position: relative;
 
        &::after {
-               background-image: linear-gradient(to top, $wcfContentBackground, transparentize($wcfContentBackground, 100%));
+               background-image: linear-gradient(to top, $wcfContentBackground, transparentize($wcfContentBackground, 1));
                content: "";
                left: 0;
                height: #{$wcfFontLineHeight}em;

diff --git a/wcfsetup/install/files/style/ui/reactions.scss b/wcfsetup/install/files/style/ui/reactions.scss
index 9c7f6103662c8ec050a88350b4d4d80716ee22d2..b7ec3ff74070819c09764df31b4e772d52107f6a 100644 (file)
--- a/wcfsetup/install/files/style/ui/reactions.scss
+++ b/wcfsetup/install/files/style/ui/reactions.scss
@@ -112,7 +112,7 @@
                &::after {
                        background-image: linear-gradient(
                                to bottom,
-                               transparentize($wcfContentBackground, 100%),
+                               transparentize($wcfContentBackground, 1),
                                $wcfContentBackground
                        );
                        bottom: 0;
@@ -124,7 +124,7 @@
                &::before {
                        background-image: linear-gradient(
                                to top,
-                               transparentize($wcfContentBackground, 100%),
+                               transparentize($wcfContentBackground, 1),
                                $wcfContentBackground
                        );
                        top: 0;

diff --git a/wcfsetup/install/files/style/ui/tabMenu.scss b/wcfsetup/install/files/style/ui/tabMenu.scss
index eff4e6704b97b9ee40d456d75b78363d11b252ef..8f900db35049a9d0aae1794d70f3e53f960ed8f5 100644 (file)
--- a/wcfsetup/install/files/style/ui/tabMenu.scss
+++ b/wcfsetup/install/files/style/ui/tabMenu.scss
@@ -130,12 +130,12 @@
 }
 
 .tabMenuOverlayLeft {
-       background: linear-gradient(to left, transparentize($wcfContentBackground, 100%) 0%, $wcfContentBackground 50%);
+       background: linear-gradient(to left, transparentize($wcfContentBackground, 1) 0%, $wcfContentBackground 50%);
        left: 0;
 }
 
 .tabMenuOverlayRight {
-       background: linear-gradient(to right, transparentize($wcfContentBackground, 100%) 0%, $wcfContentBackground 50%);
+       background: linear-gradient(to right, transparentize($wcfContentBackground, 1) 0%, $wcfContentBackground 50%);
        justify-content: flex-end;
        right: 0;
 }

diff --git a/wcfsetup/install/files/style/ui/wsc31.scss b/wcfsetup/install/files/style/ui/wsc31.scss
index d14a2e20b3052edd22d5ba9552a0abe62346ada3..5eb819b00091864659a88b6310d6f2cc48044340 100644 (file)
--- a/wcfsetup/install/files/style/ui/wsc31.scss
+++ b/wcfsetup/install/files/style/ui/wsc31.scss
@@ -242,14 +242,14 @@
        .tabMenuOverlayLeft {
                background: linear-gradient(
                        to left,
-                       transparentize($wcfContentContainerBackground, 100%) 0%,
+                       transparentize($wcfContentContainerBackground, 1) 0%,
                        $wcfContentContainerBackground 50%
                );
        }
        .tabMenuOverlayRight {
                background: linear-gradient(
                        to right,
-                       transparentize($wcfContentContainerBackground, 100%) 0%,
+                       transparentize($wcfContentContainerBackground, 1) 0%,
                        $wcfContentContainerBackground 50%
                );
        }