Skip to content
This repository was archived by the owner on Apr 25, 2020. It is now read-only.

Commit ec34b44

Browse files
committed
Update docs
1 parent c66fe6e commit ec34b44

File tree

2 files changed

+9
-6
lines changed

2 files changed

+9
-6
lines changed

README.md

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,13 @@
11
# vue-float-label
22

3-
Float label pattern for Vue.js
3+
Float label pattern for Vue.js. Cross-browser compatible and easy to customize
4+
with CSS.
45

56
TODO: gif
67

78
```html
89
<float-label>
9-
<input type="text" placeholder="First name">
10+
<input type="text" placeholder="Label">
1011
</float-label>
1112
```
1213

@@ -49,7 +50,7 @@ Wrap text/email/password input or textarea:
4950

5051
### Examples
5152

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
5354
your design requirements:
5455

5556
TODO
@@ -62,7 +63,7 @@ TODO
6263
$ git clone [email protected]:bkzl/vue-fraction-grid.git
6364
```
6465

65-
2. Start the development:
66+
2. Start development:
6667

6768
```sh
6869
$ npm start

demo/Demo.vue

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -32,8 +32,10 @@ body {
3232
3333
input,
3434
textarea {
35-
margin-bottom: 2.5em;
35+
margin-bottom: 2em;
3636
line-height: 1.15;
37-
font-size: 100%;
37+
font-size: 14px;
38+
padding: .4em;
39+
width: 100%;
3840
}
3941
</style>

0 commit comments

Comments
 (0)