Thomas Allmer daKmoR

By making a contribution to this project, I certify that:

(a) The contribution was created in whole or in part by me and I have the right to submit it under the MIT license; or

(b) The contribution is based upon previous work that, to the best of my knowledge, is covered under an appropriate open source license and I have the right under that license to submit that work with modifications, whether created in whole or in part by me, under the MIT license; or

	// defining the Mixin
	export const LoggingMixin = superclass =>
	class LoggingMixin extends superclass {
	// logging logic
	};

	class Page {}
	// applying a Mixin
	class PageRed extends LoggingMixin(Page) {}
	class PageGreen extends LoggingMixin(Page) {}

	import { html } from '../../index.js';

	import '../demo-wc-card.js';

	export default {
	title: 'Demo Card\|Component Story Format',
	component: 'demo-wc-card',
	};

	export const heading = () =>

	#!/usr/bin/env node

	const util = require('util');
	const exec = util.promisify(require('child_process').exec);

	async function systemVersionInfos() {
	const { stdout: nodeVersion } = await exec('node --version');
	console.log('$ node --version');
	console.log(nodeVersion);

	<link rel="import" href="../../../Polymer/Polymer/DomModules/BaseElement.html">
	<link rel="import" href="../../../Polymer/Polymer/DomModules/ResponsiveBehavior.html">
	<link rel="import" href="MasonryImport.html">

	<style>
	.container-masonry-animate-move-up {
	transform: translateY(200px);
	opacity: 0;
	animation: containerMasonryMoveToOrigin 0.65s ease forwards;
	}

	<!--
	IE Edge will ignore inline style variables in webcomponents
	e.g. style="--my-color: #ccc" will not overwrite any default value for --my-color.
	for an example open this in IE Edge
	http://plnkr.co/edit/cSIs0ODeyUsaXiemxhyP?p=preview

	If you extend an element from this element instead e.g.
	class ImageBlock extends BaseElement {
	}
	inline style variables be properly set even in IE Edge.

	<link rel="import" href="../../../../bower_components/polymer/polymer.html">

	<script>

	class BaseElement extends Polymer.Element {

	vhToPx(vh) {
	if (vh.indexOf('vh') > 0) {
	return document.documentElement.clientHeight * (parseInt(vh)/100) + '';
	}