Skip to content

Commit b85a4da

Browse files
committed
Edited readme and docs
1 parent 31ee8bc commit b85a4da

File tree

4 files changed

+22
-7
lines changed

4 files changed

+22
-7
lines changed

.travis.yml

+10
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
language: node_js
2+
node_js:
3+
- "node"
4+
install:
5+
- npm install
6+
script:
7+
- npm run lint
8+
- npm run lib
9+
- npm run build:docs
10+
- npm test:unit

README.md

+9-1
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,15 @@ A vue directive which automatically resize font size based on element width.
44

55
It makes the font-size flexible on fluid or responsive layout.
66

7-
[Live Demo](https://jayeshlab.github.io/vue-resize-text/): Resize the browser viewport to see the effect in action
7+
8+
[![npm](https://img.shields.io/npm/v/vue-resize-text.svg?style=flat-square)](https://www.npmjs.com/package/vue-resize-text)
9+
[![npm](https://img.shields.io/npm/dt/vue-resize-text.svg?style=flat-square)](https://www.npmjs.com/package/vue-resize-text)
10+
[![Build Status](https://travis-ci.org/JayeshLab/vue-resize-text.svg?branch=master)](https://travis-ci.org/JayeshLab/vue-resize-text)
11+
[![npm](https://img.shields.io/npm/l/vue-resize-text.svg?style=flat-square)](http://opensource.org/licenses/MIT)
12+
13+
[Live Demo](https://jayeshlab.github.io/vue-resize-text/index.html): Resize the browser viewport to see the effect in action
14+
15+
![vue-resize-text](https://user-images.githubusercontent.com/36194663/48419503-21935780-e77e-11e8-8a2f-6a1c9e33f740.gif)
816

917
## Installation
1018

docs/js/app.js

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

src/Demo.vue

+2-5
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
<template>
22
<div id="app">
3+
<a href="https://github.com/JayeshLab/vue-resize-text"><img src="https://aral.github.com/fork-me-on-github-retina-ribbons/[email protected]" alt="Fork me on GitHub" style="position: absolute; top: 0px; right: 0px; border: 0px; width: 149px; height: 149px;"></a>
34
<div class="container" v-resize-text>
45
<h1><b><span style="color:#3eaf7c">vue-resize-text</span></b></h1>
56
<h6> A vue directive which automatically resize font size based on element width.</h6>
@@ -11,11 +12,7 @@
1112
<br>
1213
<hr>
1314
<div v-resize-text="{minFontSize: '50px', maxFontSize: '100px'}">Hello Vue</div>
14-
<pre><code>
15-
&lt;div v-resize-text="{minFontSize: '50px', maxFontSize: '100px'}"&gt;
16-
Hello Vue
17-
&lt;/div&gt;
18-
</code></pre>
15+
<pre><code>&lt;div v-resize-text="{minFontSize: '50px', maxFontSize: '100px'}"&gt;Hello Vue&lt;/div&gt;</code></pre>
1916
<br>
2017
<hr>
2118
<div v-resize-text="{ratio: 1.5, delay: 500}">Hello Vue</div>

0 commit comments

Comments
 (0)