An Ember component that scales itself to fill available space.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
addon
app initial version Oct 20, 2016
config use yarn Nov 14, 2017
tests
vendor
.editorconfig
.ember-cli
.eslintrc.js
.gitignore dependency upgrade Nov 14, 2017
.npmignore
.travis.yml dependency upgrade Nov 14, 2017
.watchmanconfig
LICENSE.md dependency upgrade Nov 14, 2017
README.md
ember-cli-build.js
index.js dependency upgrade Nov 14, 2017
package.json
testem.js
yarn.lock

README.md

squishable-container

This addon provides a container that scales itself to match the available amount of space.

Installation

ember install squishable-container

Usage

Wrap your content in squishable-container:

{{#squishable-container}}
  Your content here.
{{/squishable-container}}

Now if anything else changes the width available to squishable-container, it will scale its content up or down to match.

squishable-container necessarily needs to decide at what width it should set the scale to 100%. By default, it uses the full viewport width. You can pick a different width by setting the width and unit properties:

{{#squishable-container width=800 unit="px"}}
  Your content here.
{{/squishable-container}}

Supported units include em, vw, px, rem, and ex;