Skip to content

Instantly share code, notes, and snippets.

@salesfelipe

salesfelipe/designer.html

Created July 14, 2015 00:17
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save salesfelipe/ff4bc4caa8b0ad15aff7 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save salesfelipe/ff4bc4caa8b0ad15aff7 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. salesfelipe revised this gist Jul 14, 2015. No changes.
  2. salesfelipe revised this gist Jul 14, 2015. No changes.
  3. salesfelipe created this gist Jul 14, 2015.
    46 changes: 46 additions & 0 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,46 @@
    <link rel="import" href="../core-animated-pages/core-animated-pages.html">
    <link rel="import" href="../core-animated-pages/transitions/hero-transition.html">
    <link rel="import" href="../core-animated-pages/transitions/cross-fade.html">
    <link rel="import" href="../core-animated-pages/transitions/slide-down.html">
    <link rel="import" href="../core-animated-pages/transitions/slide-up.html">
    <link rel="import" href="../core-animated-pages/transitions/tile-cascade.html">

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

    <template>
    <style>
    :host {
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    }
    #core_animated_pages {
    width: 420px;
    height: 582px;
    overflow: hidden;
    left: 100px;
    top: 40px;
    position: absolute;
    background-color: rgb(238, 238, 238);
    }
    </style>
    <core-animated-pages selectedindex="0" notap id="core_animated_pages">
    <section id="section" layout horizontal center center-justified active>
    </section>
    <section id="section1">
    </section>
    <section id="section2">
    </section>
    </core-animated-pages>
    </template>

    <script>

    Polymer({

    });

    </script>

    </polymer-element>