File tree 4 files changed +22
-7
lines changed
4 files changed +22
-7
lines changed Original file line number Diff line number Diff line change
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
Original file line number Diff line number Diff line change @@ -4,7 +4,15 @@ A vue directive which automatically resize font size based on element width.
4
4
5
5
It makes the font-size flexible on fluid or responsive layout.
6
6
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 )
8
16
9
17
## Installation
10
18
Original file line number Diff line number Diff line change 1
1
<template >
2
2
<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 >
3
4
<div class =" container" v-resize-text >
4
5
<h1 ><b ><span style =" color :#3eaf7c " >vue-resize-text</span ></b ></h1 >
5
6
<h6 > A vue directive which automatically resize font size based on element width.</h6 >
11
12
<br >
12
13
<hr >
13
14
<div v-resize-text =" {minFontSize: '50px', maxFontSize: '100px'}" >Hello Vue</div >
14
- <pre ><code >
15
- < ; div v-resize-text="{minFontSize: '50px', maxFontSize: '100px'}"> ;
16
- Hello Vue
17
- < ; /div> ;
18
- </code ></pre >
15
+ <pre ><code >< ; div v-resize-text="{minFontSize: '50px', maxFontSize: '100px'}"> ; Hello Vue< ; /div> ; </code ></pre >
19
16
<br >
20
17
<hr >
21
18
<div v-resize-text =" {ratio: 1.5, delay: 500}" >Hello Vue</div >
You can’t perform that action at this time.
0 commit comments