From 7dac1d44c7b13184e4a1cbdb4113df2bb8db9d7e Mon Sep 17 00:00:00 2001 From: Haishan Date: Sun, 14 Apr 2019 22:56:14 +0800 Subject: refactor: replace sass with postcss --- src/components/Field.module.scss | 43 ---------------------------------------- 1 file changed, 43 deletions(-) delete mode 100644 src/components/Field.module.scss (limited to 'src/components/Field.module.scss') diff --git a/src/components/Field.module.scss b/src/components/Field.module.scss deleted file mode 100644 index 2c61d08..0000000 --- a/src/components/Field.module.scss +++ /dev/null @@ -1,43 +0,0 @@ -.root { - position: relative; - padding: 10px 0; - input { - -webkit-appearance: none; - background-color: transparent; - // background-color: var(--color-input-bg); - background-image: none; - border: none; - border-radius: 0; - border-bottom: 1px solid var(--color-input-border); - box-sizing: border-box; - color: #c1c1c1; - display: inline-block; - font-size: inherit; - height: 40px; - outline: none; - padding: 0 8px; - transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); - width: 100%; - &:focus { - border-color: var(--color-focus-blue); - } - } - - label { - position: absolute; - left: 8px; - bottom: 22px; - transition: transform 150ms ease-in-out; - transform-origin: 0 0; - &.floatAbove { - transform: scale(0.75) translateY(-25px); - } - } - - input { - &:focus + label { - color: var(--color-focus-blue); - transform: scale(0.75) translateY(-25px); - } - } -} -- cgit v1.3.1