This repository was archived by the owner on Apr 25, 2020. It is now read-only.
File tree Expand file tree Collapse file tree 2 files changed +9
-6
lines changed Expand file tree Collapse file tree 2 files changed +9
-6
lines changed Original file line number Diff line number Diff line change 1
1
# vue-float-label
2
2
3
- Float label pattern for Vue.js
3
+ Float label pattern for Vue.js. Cross-browser compatible and easy to customize
4
+ with CSS.
4
5
5
6
TODO: gif
6
7
7
8
``` html
8
9
<float-label >
9
- <input type =" text" placeholder =" First name " >
10
+ <input type =" text" placeholder =" Label " >
10
11
</float-label >
11
12
```
12
13
@@ -49,7 +50,7 @@ Wrap text/email/password input or textarea:
49
50
50
51
# ## Examples
51
52
52
- Override ` .vfl-label` , ` .vfl-label-on-input` and ` .vfl-label-on-focus` to meet
53
+ Adjust ` .vfl-label` , ` .vfl-label-on-input` and ` .vfl-label-on-focus` to meet
53
54
your design requirements:
54
55
55
56
TODO
62
63
$ git clone [email protected] :bkzl/vue-fraction-grid.git
63
64
` ` `
64
65
65
- 2. Start the development:
66
+ 2. Start development:
66
67
67
68
` ` ` sh
68
69
$ npm start
Original file line number Diff line number Diff line change @@ -32,8 +32,10 @@ body {
32
32
33
33
input ,
34
34
textarea {
35
- margin-bottom : 2.5 em ;
35
+ margin-bottom : 2 em ;
36
36
line-height : 1.15 ;
37
- font-size : 100% ;
37
+ font-size : 14px ;
38
+ padding : .4em ;
39
+ width : 100% ;
38
40
}
39
41
</style >
You can’t perform that action at this time.
0 commit comments