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

faithandbrave · faithandbrave · commit f52f7473f628 · 2025-06-29T23:01:17.000+09:00
- メインコンテナとヘッダーの大きなbox-shadowを無効化
- GPUメモリを大量に消費する原因となる大きな要素への影の適用
diff --git a/css/kunai/site/layout.css b/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;
     }
   }

Original file line number	Diff line number	Diff line change
`@@ -204,7 +204,7 @@ main {`
`204`	`204`
`205`	`205`	`box-sizing: border-box;`
`206`	`206`	`border-right: 1px solid rgb(from $cl-shuri r g b / 0.2);`
`207`		`- box-shadow: -12px 0 12px 6px rgba(0, 0, 0, 0.8);`
	`207`	`+ /* box-shadow: -12px 0 12px 6px rgba(0, 0, 0, 0.8); GPUメモリ削減のため無効化 */`
`208`	`208`
`209`	`209`	`z-index: $side-z;`
`210`	`210`	`}`
`@@ -228,7 +228,7 @@ main {`
`228`	`228`
`229`	`229`	`@media (max-width: 768px) {`
`230`	`230`	`body > header {`
`231`		`- box-shadow: 0px -12px 10px 8px rgba(0, 0, 0, 0.8);`
	`231`	`+ /* box-shadow: 0px -12px 10px 8px rgba(0, 0, 0, 0.8); GPUメモリ削減のため無効化 */`
`232`	`232`	`}`
`233`	`233`
`234`	`234`
`@@ -287,7 +287,7 @@ main {`
`287`	`287`
`288`	`288`	`border: none;`
`289`	`289`
`290`		`- box-shadow: 0px 9px 16px 2px rgba(0, 0, 0, 0.8);`
	`290`	`+ /* box-shadow: 0px 9px 16px 2px rgba(0, 0, 0, 0.8); GPUメモリ削減のため無効化 */`
`291`	`291`	`padding: 0 4vw;`
`292`	`292`	`}`
`293`	`293`	`}`