dotstail v1.3.3
dotstail
Quick start
- Clone the repo:
git clone git@github.com:foxieboy/dotstail.git
- Install with npm:
npm install --save dotstail
- Or download the latest release
How to use
In other to use dotstail:
1. The element you want to have a text elipsis effect must have a CSS line-height property
(must be a em
unit).
2. In your script file, set dotstail function for the element:
dotstail.setDot ({
'element': '*your element class or id here*',
'letter': 0,
'lines': 4
});
- Please keep in mind:
letter
, andline
option are optional, use them if you want to. Also those options must be anumber
, notstring
.
Call the function
Call the function by dotstail.setDot ();
Demo
Documentation
element
: is your element class/Idletter
: is the number of letter you want to cut out at the end of the last line.lines
: is the number of line you want your element to have atext elipsis
effect.
Tree
public/
└── theme/
└── js/
└── dotstail.min.js
Template full feature list
- Semantically Correct / Valid HTML Code
- HTML5, CSS3
- Javascript / JS6
- Full project and seed project (build with: Gulp, Sass, Javascript, Npm)
- Cross browser compatible ( Internet Explorer 10+, Firefox, Safari, Opera, Chrome etc. )
- W3C Valid source code, properly formatted and commented
Creators
Foxieboy
Copyright and license
Code and documentation copyright 2017, MIT license.
6 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago