Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <link rel="import" href="../cool-clock/cool-clock.html">
- <link rel="import" href="../code-mirror/code-mirror.html">
- <link rel="import" href="../notification-elements/notification-alert.html">
- <polymer-element name="my-element">
- <template>
- <style>
- :host {
- position: absolute;
- width: 100%;
- height: 100%;
- box-sizing: border-box;
- }
- #code_mirror {
- width: 200px;
- height: 100px;
- left: 120px;
- top: 50px;
- position: absolute;
- }
- #cool_clock {
- width: 400px;
- height: 300px;
- left: 430px;
- top: 140px;
- position: absolute;
- }
- #notification_alert {
- left: 0px;
- top: 0px;
- position: absolute;
- width: 100%;
- height: 100%;
- }
- </style>
- <cool-clock id="cool_clock"></cool-clock>
- <code-mirror value="<polymer-element name='my-element'>
- <template></template>
- <script>
- Polymer('my-element', {});
- </script>
- </polymer-element>" theme="twilight" tabsize="4" id="code_mirror"><polymer-element name='my-element'>
- <template></template>
- <script>
- Polymer('my-element', {});
- </script>
- </polymer-element></code-mirror>
- <notification-alert message="Hi there!" icon="icon.png" name="notification" id="notification_alert"></notification-alert>
- </template>
- <script>
- Polymer({
- });
- </script>
- </polymer-element>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement