JarCasting
JarCasting JarCasting

grain-responsive-container

WebJar for grain-responsive-container

License

License

MIT
Categories

Categories

Container
GroupId

GroupId

org.webjars.bowergithub.dakmor
ArtifactId

ArtifactId

grain-responsive-container
Last Version

Last Version

0.8.2
Release Date

Release Date
Type

Type

jar
Description

Description

grain-responsive-container
WebJar for grain-responsive-container
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/daKmoR/grain-responsive-container

Download grain-responsive-container

Filename Size
grain-responsive-container-0.8.2.pom
grain-responsive-container-0.8.2.jar 8 KB
grain-responsive-container-0.8.2-sources.jar 22 bytes
grain-responsive-container-0.8.2-javadoc.jar 22 bytes
Browse

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.bowergithub.dakmor/grain-responsive-container/ -->
<dependency>
    <groupId>org.webjars.bowergithub.dakmor</groupId>
    <artifactId>grain-responsive-container</artifactId>
    <version>0.8.2</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.bowergithub.dakmor/grain-responsive-container/
implementation 'org.webjars.bowergithub.dakmor:grain-responsive-container:0.8.2'
// https://jarcasting.com/artifacts/org.webjars.bowergithub.dakmor/grain-responsive-container/
implementation ("org.webjars.bowergithub.dakmor:grain-responsive-container:0.8.2")
'org.webjars.bowergithub.dakmor:grain-responsive-container:jar:0.8.2'
<dependency org="org.webjars.bowergithub.dakmor" name="grain-responsive-container" rev="0.8.2">
  <artifact name="grain-responsive-container" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.bowergithub.dakmor', module='grain-responsive-container', version='0.8.2')
)
libraryDependencies += "org.webjars.bowergithub.dakmor" % "grain-responsive-container" % "0.8.2"
[org.webjars.bowergithub.dakmor/grain-responsive-container "0.8.2"]

Dependencies

compile (3)

Group / Artifact Type Version
org.webjars.bowergithub.polymer : polymer jar [2.0.0-rc.2,3.0)
org.webjars.bowergithub.dakmor : grain-update-inline-style-behavior jar [0.8.0,2.0)
org.webjars.bowergithub.dakmor : grain-responsive-behavior jar [0.8.0,2.0)

Project Modules

There are no modules declared in this project.

Published on webcomponents.org Polymer Version

<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

Versions

Version
0.8.2