animated-content-placeholder

WebJar for animated-content-placeholder

License	Apache-2.0
GroupId	org.webjars.bowergithub.collaborne
ArtifactId	animated-content-placeholder
Last Version	1.1.2
Release Date	Feb 3, 2018
Type	jar
Description	animated-content-placeholder WebJar for animated-content-placeholder
Project URL	http://webjars.org
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

How to add to project

Apache Maven

<!-- 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>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.bowergithub.collaborne/animated-content-placeholder/
implementation 'org.webjars.bowergithub.collaborne:animated-content-placeholder:1.1.2'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.bowergithub.collaborne/animated-content-placeholder/
implementation ("org.webjars.bowergithub.collaborne:animated-content-placeholder:1.1.2")

Apache Buildr

'org.webjars.bowergithub.collaborne:animated-content-placeholder:jar:1.1.2'

Apache Ivy

<dependency org="org.webjars.bowergithub.collaborne" name="animated-content-placeholder" rev="1.1.2">
  <artifact name="animated-content-placeholder" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.bowergithub.collaborne', module='animated-content-placeholder', version='1.1.2')
)

Scala SBT

libraryDependencies += "org.webjars.bowergithub.collaborne" % "animated-content-placeholder" % "1.1.2"

Leiningen

[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

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.

Collaborne

Versions

Version
1.1.2 Feb 3, 2018