grain-responsive-container
(no summary available)
[ This description is mirrored from README.md at github.com/daKmoR/grain-responsive-container on 2019-05-10 ]
<grain-responsive-container>
Allows you to easily define is-mobile, is-tablet, is-desktop for your element so you can style it accordingly.
Demo
<style>
grain-responsive-container {
--mobile-background: #FFFAA5;
--tablet-background: #ABFF8A;
}
grain-responsive-container[is-mobile] {
border: 1px solid #E76C4A;
}
</style>
<grain-responsive-container>
I will be yellow on tablet and green on mobile just by using css variables.
For everything else I can use the is-mobile, is-tablet, is-desktop attribute
of the element.
PS: is-desktop does not work in this inline demo as it's an iframe
</grain-responsive-container>
Installation
$ bower install --save daKmoR/grain-responsive-container
Getting Started
Import the package.
<link rel="import" href="/bower_components/grain-responsive-container/grain-responsive-container.html">
For more information, see the API documentation.
Working on the Element
First, make sure you have the Polymer CLI installed.
- View the Element via
polymer serve
- Run tests via
polymer test
Links
Compatibility
Was this helpful? Need more help?
Leave a comment or a question below. You can also join
the chat on Discord or
ask questions on StackOverflow.
Version
Dependencies
Polymer/polymer#>=2.0.0-rc.2 <3.0
- daKmoR/grain-update-inline-style-behavior#>=0.8.0 <2.0
- daKmoR/grain-responsive-behavior#>=0.8.0 <2.0
- Released
- 2017-05-26
- Maturity
- TESTED
- License
- Other
Compatibility
- Framework
- Polymer 1.0+
- Browser
- Browser Independent
grain-responsive-container - Vaadin Add-on Directory
(no summary available)GitHub Homepage
Issue tracker
License
Online Demo
Documentation
grain-responsive-container version 0.8.0
### Dependencies
Polymer/polymer#>=2.0.0-rc.2 <3.0
* daKmoR/grain-update-inline-style-behavior#>=0.8.0 <2.0
* daKmoR/grain-responsive-behavior#>=0.8.0 <2.0
grain-responsive-container version 0.8.1
### Dependencies
Polymer/polymer#>=2.0.0-rc.2 <3.0
* daKmoR/grain-update-inline-style-behavior#>=0.8.0 <2.0
* daKmoR/grain-responsive-behavior#>=0.8.0 <2.0
grain-responsive-container version 0.8.2
### Dependencies
Polymer/polymer#>=2.0.0-rc.2 <3.0
* daKmoR/grain-update-inline-style-behavior#>=0.8.0 <2.0
* daKmoR/grain-responsive-behavior#>=0.8.0 <2.0