JarCasting
JarCasting JarCasting

animated-content-placeholder

WebJar for animated-content-placeholder

License

License
GroupId

GroupId

org.webjars.bowergithub.collaborne
ArtifactId

ArtifactId

animated-content-placeholder
Last Version

Last Version

1.1.2
Release Date

Release Date
Type

Type

jar
Description

Description

animated-content-placeholder
WebJar for animated-content-placeholder
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/Collaborne/animated-content-placeholder

Download animated-content-placeholder

Filename Size
animated-content-placeholder-1.1.2.pom
animated-content-placeholder-1.1.2.jar 11 KB
animated-content-placeholder-1.1.2-sources.jar 22 bytes
animated-content-placeholder-1.1.2-javadoc.jar 22 bytes
Browse

How to add to project

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

Dependencies

compile (1)

Group / Artifact Type Version
org.webjars.bowergithub.polymer : polymer jar [2.0.0,3)

Project Modules

There are no modules declared in this project.

animated-content-placeholder Bower version Travis state Published on webcomponents.org

Published on Vaadin Directory Stars on vaadin.com/directory

Animated placeholder used while loading elements on the page. This element is built for Polymer.

This element is based on the deconstruction of the Facebook placeholders by George Phillips.

It provides a basic animation on the background, and the possibility of overlaying it with maskers to create the illusion of a loading element on the page.

To use the element:

bower install animated-content-placeholder

<animated-content-placeholder>
<div class="background-masker header-top"></div>
  <div class="background-masker header-left"></div>
  <div class="background-masker header-bottom"></div>
  <div class="background-masker subheader-left"></div>
  <div class="background-masker subheader-right"></div>
  <div class="background-masker subheader-bottom"></div>
</animated-content-placeholder>

Styling

The following custom properties and mixins are available for styling:

Custom property Description Default
--animation-height Height of the animated background

License

This software is licensed under the Apache 2 license, quoted below.

Copyright 2011-2017 Collaborne B.V. <http://github.com/Collaborne/>

Licensed under the Apache License, Version 2.0 (the "License"); you may not
use this file except in compliance with the License. You may obtain a copy of
the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
License for the specific language governing permissions and limitations under
the License.
org.webjars.bowergithub.collaborne

Collaborne

Versions

Version
1.1.2