Skip to content

Instantly share code, notes, and snippets.

@64BitAsura

64BitAsura/designer.html

Created August 9, 2014 09:48
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save 64BitAsura/2010a82fca6b5e1cbb8a to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save 64BitAsura/2010a82fca6b5e1cbb8a to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. 64BitAsura revised this gist Aug 9, 2014. No changes.
  2. 64BitAsura revised this gist Aug 9, 2014. 1 changed file with 3 additions and 4 deletions.
    7 changes: 3 additions & 4 deletions designer.html
    View file
    Original file line number Diff line number Diff line change
    @@ -10,7 +10,6 @@
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    top: 0px;
    left: 0px;
    }
    @@ -20,20 +19,20 @@
    left: 0px;
    top: 0px;
    position: absolute;
    display: block;
    }
    #core_toolbar {
    height: 12%;
    color: rgb(255, 255, 255);
    background-color: rgb(79, 125, 201);
    }
    #section {
    height: 100% !important;
    height: 78% !important;
    background: linear-gradient(rgb(214, 227, 231), rgb(173, 216, 230));
    }
    </style>
    <core-header-panel mode="standard" id="core_header_panel">
    <core-toolbar id="core_toolbar">
    <core-icon-button id="core_icon_button" icon="menu"></core-icon-button>
    <div id="div">Header</div>
    </core-toolbar>
    <section id="section"></section>
    </core-header-panel>
  3. 64BitAsura created this gist Aug 9, 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="../core-icon-button/core-icon-button.html">
    <link rel="import" href="../core-toolbar/core-toolbar.html">
    <link rel="import" href="../core-header-panel/core-header-panel.html">

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

    <template>
    <style>
    :host {
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    top: 0px;
    left: 0px;
    }
    #core_header_panel {
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    position: absolute;
    }
    #core_toolbar {
    color: rgb(255, 255, 255);
    background-color: rgb(79, 125, 201);
    }
    #section {
    height: 100% !important;
    background: linear-gradient(rgb(214, 227, 231), rgb(173, 216, 230));
    }
    </style>
    <core-header-panel mode="standard" id="core_header_panel">
    <core-toolbar id="core_toolbar">
    <core-icon-button id="core_icon_button" icon="menu"></core-icon-button>
    <div id="div">Header</div>
    </core-toolbar>
    <section id="section"></section>
    </core-header-panel>
    </template>

    <script>

    Polymer('my-element', {

    });

    </script>

    </polymer-element>