Skip to content

Instantly share code, notes, and snippets.

@mouly

mouly/designer.html

Created August 1, 2014 16:05
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mouly/ad89a8846500f167da05 to your computer and use it in GitHub Desktop.
Save mouly/ad89a8846500f167da05 to your computer and use it in GitHub Desktop.
Download ZIP
designer
Raw
designer.html
<link rel="import" href="../components/polymer/polymer.html">
<polymer-element name="my-element">
<template>
<style>
#core_card {
position: absolute;
width: 510px;
height: 370px;
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;
left: 260px;
top: 150px;
background-color: rgb(255, 255, 255);
}
#core_field {
left: 470px;
top: 320px;
position: absolute;
}
#core_icon {
height: 24px;
width: 24px;
}
#svg {
pointer-events: none;
width: 24px;
height: 24px;
display: block;
}
</style>
<core-card id="core_card" layout vertical>
<core-field id="core_field" icon="search" theme="core-light-theme" center horizontal layout>
<core-icon icon="search" id="core_icon">
<svg id="svg" viewbox="0 0 24 24">
<g id="g">
<path id="path" d="M15.5,14h-0.8l-0.3-0.3c1-1.1,1.6-2.6,1.6-4.2C16,5.9,13.1,3,9.5,3C5.9,3,3,5.9,3,9.5S5.9,16,9.5,16c1.6,0,3.1-0.6,4.2-1.6l0.3,0.3v0.8l5,5l1.5-1.5L15.5,14z M9.5,14C7,14,5,12,5,9.5S7,5,9.5,5C12,5,14,7,14,9.5S12,14,9.5,14z"></path>
</g>
</svg>
</core-icon>
<core-input placeholder="text input" id="core_input" flex></core-input>
</core-field>
</core-card>
</template>
<script>
Polymer('my-element', {
});
</script>
</polymer-element>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment