From 5ff2f89afb71fd2976c487692ec73085241e09c7 Mon Sep 17 00:00:00 2001 From: Haishan Date: Sun, 6 Jun 2021 00:32:24 +0800 Subject: Stop use postcss-nested postcss-extend-rule --- src/components/Input.module.scss | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) create mode 100644 src/components/Input.module.scss (limited to 'src/components/Input.module.scss') diff --git a/src/components/Input.module.scss b/src/components/Input.module.scss new file mode 100644 index 0000000..4ca42fa --- /dev/null +++ b/src/components/Input.module.scss @@ -0,0 +1,25 @@ +.input { + -webkit-appearance: none; + background-color: var(--color-input-bg); + background-image: none; + border-radius: 4px; + border: 1px solid var(--color-input-border); + box-sizing: border-box; + color: inherit; + display: inline-block; + font-size: inherit; + height: 40px; + outline: none; + padding: 0 15px; + width: 100%; +} + +.input:focus { + box-shadow: rgba(66, 153, 225, 0.6) 0px 0px 0px 3px; +} + +input::-webkit-outer-spin-button, +input::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0; +} -- cgit v1.3.1