| ... |
... |
@@ -243,4 +243,37 @@ |
| 243 |
243 |
margin-right: auto; |
| 244 |
244 |
} |
| 245 |
245 |
} |
|
246 |
+/* === Page side shadows (for centered layout) === */ |
|
247 |
+body { |
|
248 |
+ background: @bg; |
|
249 |
+ position: relative; |
| 246 |
246 |
|
|
251 |
+ /* Left and right soft shadows */ |
|
252 |
+ &::before, |
|
253 |
+ &::after { |
|
254 |
+ content: ""; |
|
255 |
+ position: fixed; |
|
256 |
+ top: 0; |
|
257 |
+ bottom: 0; |
|
258 |
+ width: 40px; /* width of fade */ |
|
259 |
+ pointer-events: none; |
|
260 |
+ z-index: 1; |
|
261 |
+ } |
|
262 |
+ |
|
263 |
+ &::before { |
|
264 |
+ left: 0; |
|
265 |
+ background: linear-gradient(to right, rgba(0,0,0,0.06), transparent 70%); |
|
266 |
+ } |
|
267 |
+ |
|
268 |
+ &::after { |
|
269 |
+ right: 0; |
|
270 |
+ background: linear-gradient(to left, rgba(0,0,0,0.06), transparent 70%); |
|
271 |
+ } |
|
272 |
+} |
|
273 |
+ |
|
274 |
+/* Ensure container content stays above the shadow fade */ |
|
275 |
+.agnease-landing { |
|
276 |
+ position: relative; |
|
277 |
+ z-index: 2; |
|
278 |
+} |
|
279 |
+ |