https://github.com/juliangruber/supersize

make text as big as possible in its parent element
https://github.com/juliangruber/supersize

Last synced: 21 days ago
JSON representation

make text as big as possible in its parent element

• Host: GitHub
• URL: https://github.com/juliangruber/supersize
• Owner: juliangruber
• Created: 2013-02-15T14:02:19.000Z (over 11 years ago)
• Default Branch: master
• Last Pushed: 2016-11-29T11:02:40.000Z (almost 8 years ago)
• Last Synced: 2024-10-17T19:58:30.532Z (26 days ago)
• Language: HTML
• Homepage: http://juliangruber.github.com/supersize
• Size: 13.7 KB
• Stars: 36
• Watchers: 4
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: Readme.md
  • Changelog: History.md

Awesome Lists containing this project

README

        
# supersize

  make text as big as possible in its parent element.

```js

var supersize = require('supersize');

var el = document.querySelector('#el');

  

window.addEventListener('resize', supersize(el));

```

  

  check out the [demo](http://juliangruber.github.com/supersize).

## Installation

    $ npm install supersize

    $ component install juliangruber/supersize

## API

### supersize(el[, max=0.66])

  Make the inner text of `el` as big as possible while `el` still stays in the

  bounds of its parent element.

  

  **!!** the element's parent needs to have `position:relative` or

  `position:absolute`. 

  

  The factor `max` limits the maximum possible size. If you want the text to

  take all available space, set `max` to `1`.

  

  This returns a function that calls `supersize` again with the same

  arguments. This way you can execute it immediately and pass it as an event

  listener in one line:

  

```js

window.addEventListener('resize', supersize(el));

// scales now and on resize

```

## License

  MIT