Skip to content

Instantly share code, notes, and snippets.

@LazerSharp

LazerSharp/designer.html

Created August 27, 2014 06:41
Show Gist options
  • Save LazerSharp/e4974a48df1c367207ef to your computer and use it in GitHub Desktop.
Save LazerSharp/e4974a48df1c367207ef to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. LazerSharp revised this gist Aug 27, 2014. 1 changed file with 6 additions and 1 deletion.
    7 changes: 6 additions & 1 deletion designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -6,16 +6,21 @@

    <template>
    <style>
    :host {
    position: static;
    background-color: rgb(195, 34, 34);
    }
    #topeka_app {
    width: 300px;
    height: 300px;
    min-height: 450px;
    left: 330px;
    top: 110px;
    position: absolute;
    opacity: 0.7;
    }
    </style>
    <topeka-app id="topeka_app"></topeka-app>
    <topeka-app id="topeka_app" horizontal layout start-justified center></topeka-app>
    </template>

    <script>
  2. LazerSharp revised this gist Aug 27, 2014. 1 changed file with 9 additions and 23 deletions.
    32 changes: 9 additions & 23 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,35 +1,21 @@
    <link rel="import" href="../google-map/google-map.html">
    <link rel="import" href="../cool-clock/cool-clock.html">
    <link rel="import" href="../paper-button/paper-button.html">
    <link rel="import" href="../topeka-elements/theme.html">
    <link rel="import" href="../topeka-elements/topeka-resources.html">
    <link rel="import" href="../topeka-elements/topeka-app.html">

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

    <template>
    <style>
    #google_map {
    width: 400px;
    height: 400px;
    display: block;
    left: 70px;
    top: 20px;
    position: absolute;
    }
    #cool_clock {
    width: 400px;
    #topeka_app {
    width: 300px;
    height: 300px;
    left: 490px;
    top: 70px;
    position: absolute;
    }
    #paper_button {
    left: 620px;
    top: 410px;
    min-height: 450px;
    left: 330px;
    top: 110px;
    position: absolute;
    }
    </style>
    <google-map id="google_map">test</google-map>
    <cool-clock id="cool_clock"></cool-clock>
    <paper-button label="Paper Button" id="paper_button"></paper-button>
    <topeka-app id="topeka_app"></topeka-app>
    </template>

    <script>
  3. LazerSharp revised this gist Aug 27, 2014. No changes.
  4. LazerSharp revised this gist Aug 27, 2014. No changes.
  5. LazerSharp created this gist Aug 27, 2014.
    43 changes: 43 additions & 0 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,43 @@
    <link rel="import" href="../google-map/google-map.html">
    <link rel="import" href="../cool-clock/cool-clock.html">
    <link rel="import" href="../paper-button/paper-button.html">

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

    <template>
    <style>
    #google_map {
    width: 400px;
    height: 400px;
    display: block;
    left: 70px;
    top: 20px;
    position: absolute;
    }
    #cool_clock {
    width: 400px;
    height: 300px;
    left: 490px;
    top: 70px;
    position: absolute;
    }
    #paper_button {
    left: 620px;
    top: 410px;
    position: absolute;
    }
    </style>
    <google-map id="google_map">test</google-map>
    <cool-clock id="cool_clock"></cool-clock>
    <paper-button label="Paper Button" id="paper_button"></paper-button>
    </template>

    <script>

    Polymer('my-element', {

    });

    </script>

    </polymer-element>