ember-cli-resize-browser-message v0.0.1

Ember-cli-resize-browser-message

This README outlines the details of collaborating on this Ember addon.

Installation

• git clone this repository
• npm install
• bower install

Running

• ember server
• Visit your app at http://localhost:4200.

Running Tests

• npm test (Runs ember try:testall to test your addon against multiple Ember versions)
• ember test
• ember test --server

Building

• ember build

For more information on using ember-cli, visit http://ember-cli.com/.

How To Use This Addon

This is a small addon that provides boilerplate markup, styles, and conditional formatting for yor app's browser resize message.

To install run the following command in your Ember app:

ember install ember-cli-browser-resize-message

or

npm install ember-cli-browser-resize-message --save

The resize browser message component should be placed in your application.hbs file.

// templates/application.hbs

{{resize-browser-message}}

When the browser resize message should appear (that is what at dimensions) should be configured via media queries in your CSS.

@media all and (max-width: 300px) and (max-height: 300px) {
    .resize-browser-message {
        display: block;
    }
}
}

If you want to display custom markup, then use the component as a block:

// templates/application.hbs

{{#resize-browser-message
    // You have also have to set `customMessage` to be true
    customMessage=true
}}
{{/resize-browser-message}}

There's not much to it. Good luck and have fun!