Skip to content
Polymer element for setting the height of an element relative to its width
HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo
test
.gitignore
.travis.yml
LICENSE
README.md
bower.json
index.html
tem-container.html

README.md

Build status

Demo and API docs

##<tem-container>

<tem-container> is a Polymer element for setting the height of an element relative to its width.

The element can be used to reserve place in the website for async resources (e.g images) and prevent flowing content.

For more information about the concept behind this element, check out this blog post

Important

Please do not change the content position styling, it must be set to absolute.

The content of <tem-container> must be wrapped in another element and can not be stripped. (e.g <tem-container>lorem ipsum</tem-container> is not allowed)

Styling

The following custom properties and mixins are available for styling:

Custom property Description Default
--tem-container-ratio Ratio between height and width (e.g 50% means height is half width)
--tem-container-padding Content padding 0
You can’t perform that action at this time.