From f1923b3d80c670690eecae08014771cd0baac472 Mon Sep 17 00:00:00 2001
From: Spedon <RealSped0n@outlook.com>
Date: Sat, 11 Mar 2023 14:36:25 +0800
Subject: [PATCH] set css for overlay

---
 assets/css/_partial/_overlay.scss | 38 +++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 assets/css/_partial/_overlay.scss

diff --git a/assets/css/_partial/_overlay.scss b/assets/css/_partial/_overlay.scss
new file mode 100644
index 0000000..40ef705
--- /dev/null
+++ b/assets/css/_partial/_overlay.scss
@@ -0,0 +1,38 @@
+.overlay {
+  background-color: transparent;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: -1;
+  display: grid;
+  cursor: none;
+  grid-template-columns: repeat(3, 1fr);
+  
+  
+  section {
+    width: 100%;
+    height: 100%;
+  }
+  
+  .overlay_cursor {
+    position: absolute;
+    translate: -50% -110%;
+    font-size: 24px;
+    letter-spacing: 2px;
+    font-weight: bold;
+    color: greenyellow;
+    -webkit-text-stroke: 1px #fff;
+  }
+  
+  .prev_section:hover > .overlay_cursor::after {
+    content: 'PREV';
+  }
+  .close_section:hover > .overlay_cursor::after {
+    content: 'CLOSE';
+  }
+  .next_section:hover > .overlay_cursor::after {
+    content: 'NEXT';
+  }
+}
\ No newline at end of file