/**
 * Different styles for specific badges.
 *
 * @since 0.1
 *
 * @license GPL-2.0-or-later
 * @author Bene* < benestar.wikimedia@gmail.com >
 */

/* SVG support using a transparent gradient to guarantee cross-browser
 * compatibility (browsers able to understand gradient syntax support also SVG).
 * http://pauginer.tumblr.com/post/36614680636/invisible-gradient-technique */

.wb-badge.wb-badge-featuredarticle,
.wb-badge.wb-badge-featuredlist,
.wb-badge.wb-badge-featuredportal,
.wb-badge.wb-badge-featuredtext {
	background-image: url( ../../images/wb-badges-gold.png );
	/* @embed */
	background-image: linear-gradient( transparent, transparent ), url( ../../images/wb-badges-gold.svg );
}

.wb-badge.wb-badge-recommendedarticle,
.wb-badge.wb-badge-goodarticle,
.wb-badge.wb-badge-goodlist,
.wb-badge.wb-badge-digitaldocument {
	background-image: url( ../../images/wb-badges-silver.png );
	/* @embed */
	background-image: linear-gradient( transparent, transparent ), url( ../../images/wb-badges-silver.svg );
}

.wb-badge.wb-badge-notproofread {
	background-image: url( ../../images/wb-badges-notproofread.png );
	/* @embed */
	background-image: linear-gradient( transparent, transparent ), url( ../../images/wb-badges-notproofread.svg );
}

.wb-badge.wb-badge-problematic {
	background-image: url( ../../images/wb-badges-problematic.png );
	/* @embed */
	background-image: linear-gradient( transparent, transparent ), url( ../../images/wb-badges-problematic.svg );
}

.wb-badge.wb-badge-proofread {
	background-image: url( ../../images/wb-badges-proofread.png );
	/* @embed */
	background-image: linear-gradient( transparent, transparent ), url( ../../images/wb-badges-proofread.svg );
}

.wb-badge.wb-badge-validated {
	background-image: url( ../../images/wb-badges-validated.png );
	/* @embed */
	background-image: linear-gradient( transparent, transparent ), url( ../../images/wb-badges-validated.svg );
}

/* @todo also support other css classes like .wb-badge-stub etc. */