summaryrefslogtreecommitdiff
path: root/src/components/Button.module.css
diff options
context:
space:
mode:
authorHaishan <[email protected]>2019-04-14 22:56:14 +0800
committerHaishan <[email protected]>2019-04-14 22:56:14 +0800
commit7dac1d44c7b13184e4a1cbdb4113df2bb8db9d7e (patch)
tree44ca70a51497d5e0dddadaca384ee20541a157fe /src/components/Button.module.css
parent4a4f58c88a857d222fbd21749bfd7019eaee8659 (diff)
refactor: replace sass with postcss
Diffstat (limited to 'src/components/Button.module.css')
-rw-r--r--src/components/Button.module.css22
1 files changed, 22 insertions, 0 deletions
diff --git a/src/components/Button.module.css b/src/components/Button.module.css
new file mode 100644
index 0000000..f0ab4e1
--- /dev/null
+++ b/src/components/Button.module.css
@@ -0,0 +1,22 @@
+.btn {
+ -webkit-appearance: none;
+ outline: none;
+ color: var(--color-btn-fg);
+ background: var(--color-btn-bg);
+ border: 1px solid #555;
+ border-radius: 100px;
+ padding: 6px 12px;
+ user-select: none;
+ &:focus {
+ border-color: var(--color-focus-blue);
+ }
+ &:hover {
+ background: #387cec;
+ border: 1px solid #387cec;
+ color: #fff;
+ /* background: darken(#555, 3%); */
+ }
+ &:active {
+ transform: scale(0.97);
+ }
+}