iOS Safariでのクラッシュ対策として:isと:notのネストが深くならないよう修正

Author: faithandbrave

css/kunai/site/sidebar.css

@@ -275,9 +275,24 @@ main[role="main"] .kunai-sidebar.force-legacy {
           background: rgba(251, 251, 251, 0.91);
         }
 
-        &:not(.top):not(.headers):not(.header):not(.category):not(.module):not(.lang):not(.classes):not(.members):not(.class):not(.article):hover {
+        /* 複数のクラス除外によるホバー効果 */
+        &:hover {
           background-color: $cl-list-hover;
         }
+        
+        /* 特定のクラスを持つ要素からホバー効果を除外 */
+        &.top:hover,
+        &.headers:hover,
+        &.header:hover,
+        &.category:hover,
+        &.module:hover,
+        &.lang:hover,
+        &.classes:hover,
+        &.members:hover,
+        &.class:hover,
+        &.article:hover {
+          background-color: inherit;
+        }
       }
     }
   }

postcss.config.js

@@ -45,7 +45,9 @@ module.exports = ({file, options, env}) => {
         }),
         require('autoprefixer')({}),
         require('postcss-mixins')({}),
-        require('postcss-nesting')({}),
+        // iOS Safariのクラッシュ対策：postcss-nestingを無効化し、postcss-nestedのみ使用。
+        // :is()のネストが深くなる問題への対処。
+        // require('postcss-nesting')({}),
         require('postcss-nested')({}),
         require('cssnano')({
           preset: ['default', {