diff --git a/src/lib/global_styles.scss b/src/lib/global_styles.scss index 869067c..b05c62a 100644 --- a/src/lib/global_styles.scss +++ b/src/lib/global_styles.scss @@ -1,6 +1,7 @@ input[type=text] { - padding: 1px 8px; - background: #04000040; + padding: 6px 12px; + + background: #0001; color: #e1e1e1; border: 1px solid #302020; @@ -10,4 +11,29 @@ input[type=text] { margin: 12px 6px; outline: none; + transition: 350ms ease; + + &:active { + background: #0002; + } +} +button { + padding: 6px 12px; + margin: 3px 2px; + + color: #c2c4c2; + background: #0001; + + border: 1px solid #302020; + border-radius: 6px; + + transition: 150ms ease; + + &:hover { + transform: translateY(-1px); + } + &:active { + transform: scale(0.98); + background: #0004; + } } \ No newline at end of file diff --git a/src/page/Greet/style.module.scss b/src/page/Greet/style.module.scss index 92115c9..112d258 100644 --- a/src/page/Greet/style.module.scss +++ b/src/page/Greet/style.module.scss @@ -26,23 +26,6 @@ .h2 { animation-delay: 750ms } .buttons { animation-delay: 1450ms; - button { - background: #0001; - border: 1px solid #767876; - border-radius: 6px; - padding: 6px 12px; - margin: 3px 2px; - color: #c2c4c2; - transition: 150ms ease; - - &:hover { - transform: translateY(-1px); - } - &:active { - transform: scale(0.98); - background: #0008; - } - } } .made_in {