summaryrefslogtreecommitdiff
path: root/src/components/Field.module.scss
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/Field.module.scss
parent4a4f58c88a857d222fbd21749bfd7019eaee8659 (diff)
refactor: replace sass with postcss
Diffstat (limited to 'src/components/Field.module.scss')
-rw-r--r--src/components/Field.module.scss43
1 files changed, 0 insertions, 43 deletions
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);
- }
- }
-}