Skip to content

Instantly share code, notes, and snippets.

@ethancoder151

ethancoder151/designer.html

Last active August 29, 2015 14:06
Show Gist options
  • Save ethancoder151/2343eb9651739b041caa to your computer and use it in GitHub Desktop.
Save ethancoder151/2343eb9651739b041caa to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. ethancoder151 revised this gist Sep 24, 2014. No changes.
  2. ethancoder151 created this gist Sep 24, 2014.
    50 changes: 50 additions & 0 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,50 @@
    <link rel="import" href="../paper-input/paper-input.html">
    <link rel="import" href="../core-icons/core-icons.html">
    <link rel="import" href="../core-icons/av-icons.html">
    <link rel="import" href="../paper-fab/paper-fab.html">

    <polymer-element name="my-element">

    <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;
    left: 350px;
    top: 120px;
    padding: 14px;
    background-color: rgb(255, 255, 255);
    }
    </style>
    <core-card id="core_card" layout vertical>
    <paper-input label="Username" willvalidate validationmessage="Please fill out this field." required id="paper_input" layout vertical></paper-input>
    <paper-input label="Password" willvalidate validationmessage="Please fill out this field." type="password" required id="paper_input1" layout vertical></paper-input>
    <div id="div" layout horizontal>
    </div>
    <div id="div1" layout horizontal end-justified>
    <paper-fab icon="check" id="paper_fab"></paper-fab>
    </div>
    </core-card>
    </template>

    <script>

    Polymer({

    });

    </script>

    </polymer-element>