@superherocheesecake/resize-manager

2.0.3 • Public • Published

ResizeManager

Global module that caches the browser diminsions and triggers resize events.

NPM installation

npm i --save @superherocheesecake/resize-manager

Properties

Get viewport dimensions

const viewportWidth = resizeManager.viewportWidth;
const viewportHeight = resizeManager.viewportHeight;

Get document dimensions

const documentWidth = resizeManager.documentWidth;
const documentHeight = resizeManager.documentHeight;

Get and set the remBase

// get
const remBase = resizeManager.remBase;

// set
resizeManager.remBase = [int];

Get documentFontSize

// get
const documentFontSize = resizeManager.documentFontSize;

Methods

Use rem

If no base is given, it will ue the current remBase

resizeManager.rem(size [, base]);

Force the value to update

resizeManager.updateViewportDimensions();
resizeManager.updateDocumentDimensions();
resizeManager.updateDocumentFontSize();

Events

Listening to the events

resizeManager.addEventListener('resize', this._resizeHandler);
resizeManager.addEventListener('resize:complete', this._resizeCompleteHandler);

Changelog

2.0.0

  • Moved to new NPM server
  • Removed Bowser
  • API changes

1.0.0

  • Converted to a NPM package
  • Updated dependencies
  • Added ESLint and updated the code according to our code conventions

0.0.6

  • Support for Rems

0.0.3

  • Update values at 'resize:complete' event

Readme

Keywords

none

Package Sidebar

Install

npm i @superherocheesecake/resize-manager

Weekly Downloads

1

Version

2.0.3

License

none

Unpacked Size

13.7 kB

Total Files

12

Last publish

Collaborators

  • n0cha
  • edwardmediamonks
  • wesleysmulders
  • ksawery.mediamonks
  • vandenhork25
  • johanholwerda
  • renedrie
  • kristemmerman123
  • odin.schwartz
  • bolex222
  • coco_g
  • frontend_shcc
  • carinashcc
  • lukasfeitsma
  • jameswhite
  • raul.roman
  • jaak.kivinukk