summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorAbdus <abdus@abdus.net>2021-06-14 18:53:06 +0530
committerAbdus <abdus@abdus.net>2021-06-14 18:53:06 +0530
commite2bd0f8361ebe954456e81f9568b11321d50cca5 (patch)
tree2548a3f437729588772e73d789e1688a223c5548
parent90ca8e473ebbbed02b4343eb6ed5c3c99181c57c (diff)
downloadnextjs-eslint-typescript-template-e2bd0f8361ebe954456e81f9568b11321d50cca5.tar.bz2
nextjs-eslint-typescript-template-e2bd0f8361ebe954456e81f9568b11321d50cca5.zip
style: default styles for button
-rw-r--r--pages/index.tsx7
-rw-r--r--styles/globals.css16
2 files changed, 20 insertions, 3 deletions
diff --git a/pages/index.tsx b/pages/index.tsx
index 9ae042d..6c278fd 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -14,9 +14,12 @@ export default function Home() {
<code>components/Layout/index.tsx</code>
, and remove default left
and right column values.
- <div>
+ <p>
<Loader />
- </div>
+ </p>
+ <p>
+ <button type="button">click me</button>
+ </p>
</Layout>
</>
);
diff --git a/styles/globals.css b/styles/globals.css
index 3ada64f..5d7d05a 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -37,9 +37,23 @@ a {
}
button {
+ padding: 0.3rem 0.8rem;
+ color: var(--background);
+ font: inherit;
+ background-color: var(--foreground);
+ border: 1px solid var(--foreground);
+ border-radius: 0.3rem;
+ cursor: pointer;
+ transition: 0.3s ease color, 0.3s ease background-color;
+}
+
+button:hover {
color: var(--foreground);
background-color: var(--background);
- border: 1px solid var(--foreground);
+}
+
+* {
+ box-sizing: border-box;
}
* {