layout.css : 大きな要素のbox-shadow無効化

- メインコンテナとヘッダーの大きなbox-shadowを無効化
- GPUメモリを大量に消費する原因となる大きな要素への影の適用

Author: faithandbrave

css/kunai/site/layout.css

@@ -204,7 +204,7 @@ main {
 
     box-sizing: border-box;
     border-right: 1px solid rgb(from $cl-shuri r g b / 0.2);
-    box-shadow: -12px 0 12px 6px rgba(0, 0, 0, 0.8);
+    /* box-shadow: -12px 0 12px 6px rgba(0, 0, 0, 0.8); GPUメモリ削減のため無効化 */
 
     z-index: $side-z;
   }
@@ -228,7 +228,7 @@ main {
 
 @media (max-width: 768px) {
   body > header {
-    box-shadow: 0px -12px 10px 8px rgba(0, 0, 0, 0.8);
+    /* box-shadow: 0px -12px 10px 8px rgba(0, 0, 0, 0.8); GPUメモリ削減のため無効化 */
   }
 
 
@@ -287,7 +287,7 @@ main {
 
       border: none;
 
-      box-shadow: 0px 9px 16px 2px rgba(0, 0, 0, 0.8);
+      /* box-shadow: 0px 9px 16px 2px rgba(0, 0, 0, 0.8); GPUメモリ削減のため無効化 */
       padding: 0 4vw;
     }
   }