Merge pull request #12 from kichan05/master

2024.03.19-1
kichan05 · Mar 19, 2024 · 757e9e5 · 757e9e5
2 parents e4dd9a5 + b97fed8
commit 757e9e5
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 10 deletions.
diff --git a/src/section/FirstSection.js b/src/section/FirstSection.js
@@ -20,6 +20,10 @@ const FirstSectionStyle = styled.section`
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
+
+    *::selection {
+      background-color: rgba(0, 0, 0, 0.16);
+    }
   }
 
   .title1 {
@@ -60,7 +64,7 @@ const FirstSectionStyle = styled.section`
     animation-duration: 1200ms;
     animation-delay: 2700ms;
     animation-fill-mode: backwards;
-    
+
     word-break: keep-all;
   }
 
@@ -102,10 +106,10 @@ const FirstSectionStyle = styled.section`
 
     cursor: pointer;
     transform: translateX(-50%);
-    
+
     animation: ${animation} 1200ms 2700ms 1 normal ease-in-out backwards, ${downUp} 2000ms 3500ms ease-in-out infinite;
   }
-  
+
   @media (max-width: 400px) {
   }
 `

diff --git a/src/style/GlobalStyle.js b/src/style/GlobalStyle.js
@@ -3,35 +3,40 @@ import {InitialStyle} from "./InitialStyle";
 import {FontStyle} from "./Font";
 
 export const GlobalStyle = createGlobalStyle`
-  ${InitialStyle};
+  ${InitialStyle}
+
+  ;
   ${FontStyle}
-  
   *, *::before, *::after {
     font-family: 'SUIT Variable', sans-serif;
   }
-  
+
+  *::selection {
+    background-color: rgba(88, 111, 233, 0.15);
+  }
+
   body {
     min-width: 320px;
     background-color: ${p => p.theme.color.Gray3};
   }
-  
+
   button, input {
     background: none;
     color: inherit;
     border: none;
     cursor: pointer;
     outline: inherit;
   }
-  
+
   a {
     color: inherit;
     text-decoration: none;
   }
-  
+
   li {
     list-style: none;
   }
-  
+
   input:focus {
     outline: none;
   }