Skip to content

Instantly share code, notes, and snippets.

@c0d3rm0nk3y
Created June 30, 2014 13:27
Show Gist options
  • Save c0d3rm0nk3y/771af8f8fec348511f41 to your computer and use it in GitHub Desktop.
Save c0d3rm0nk3y/771af8f8fec348511f41 to your computer and use it in GitHub Desktop.
designer
<link rel="import" href="../core-icons/core-icons.html">
<link rel="import" href="../paper-icon-button/paper-icon-button.html">
<polymer-element name="my-element" attributes="title author word">
<template>
<style>
:host {
position: absolute;
width: 100%;
height: 100%;
box-sizing: border-box;
}
#core_card {
position: absolute;
width: 300px;
height: 300px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 4px, rgba(0, 0, 0, 0.0980392) 0px 0px 3px;
background-color: rgb(255, 255, 255);
}
#core_field {
left: 1210px;
top: 430px;
}
#title {
margin: 5px;
}
#author {
margin-top: 15px;
font-style: italic;
}
#word {
position: absolute;
top: 130px;
}
#pIconTogglePlay {
}
#controls {
position: absolute;
bottom: 5px;
width: auto;
}
</style>
<core-card id="core_card" layout vertical center>
<div id="div">
<h1 id="title">{{ title }}</h1>
<h3 id="author">{{ author }}</h3>
<div id="div1" layout horizontal center>
<p id="word">{{ word }}</p>
</div>
</div>
<div id="controls" layout horizonal center>
<paper-icon-button icon="menu" id="paper_icon_button"></paper-icon-button>
<paper-icon-button icon="menu" id="paper_icon_button1"></paper-icon-button>
<paper-icon-button icon="menu" id="pIconTogglePlay"></paper-icon-button>
</div>
</core-card>
</template>
<script>
Polymer('my-element', {
title: 'the title',
author: 'by monkey',
word: 'mississppi'
});
</script>
</polymer-element>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment