Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(564)

Unified Diff: third_party/polymer/components-chromium/core-item/demo.html

Issue 592593002: Inline scripts were extracted from Polymer elements. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: s/echo ""/echo/ Created 6 years, 3 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: third_party/polymer/components-chromium/core-item/demo.html
diff --git a/third_party/polymer/components-chromium/core-item/demo.html b/third_party/polymer/components-chromium/core-item/demo.html
new file mode 100644
index 0000000000000000000000000000000000000000..9f1b6f4c0b5f64b698ba46cf4901eda96f9cb603
--- /dev/null
+++ b/third_party/polymer/components-chromium/core-item/demo.html
@@ -0,0 +1,83 @@
+<!doctype html>
+<html>
+<head>
+
+ <title>core-item</title>
+
+ <script src="../platform/platform.js"></script>
+
+ <link rel="import" href="../core-icons/core-icons.html">
+ <link rel="import" href="core-item.html">
+
+ <style>
+
+ body {
+ font-family: sans-serif;
+ font-size: 16px;
+ margin: 20px;
+ }
+
+ core-item {
+ width: 300px;
+ }
+
+ core-item.big {
+ font-size: 24px;
+ }
+
+ core-item.small {
+ font-size: 12px;
+ }
+
+ core-item.contact-item {
+ height: 50px;
+ background-color: #efefef;
+ border: 1px solid #ddd;
+ }
+
+ core-item.contact-item .name {
+ font-size: 1.125em;
+ }
+
+ core-item.contact-item .address {
+ font-size: 0.75em;
+ }
+
+ </style>
+
+</head>
+<body unresolved>
+
+ <h2>items with icon and label:</h2>
+
+ <core-item icon="settings" label="Settings"></core-item>
+ <core-item icon="account-box" label="Account"></core-item>
+
+ <h2>items with label only:</h2>
+
+ <core-item label="Settings"></core-item>
+ <core-item label="Account"></core-item>
+
+ <h2>links (via &lt;a&gt;):</h2>
+
+ <core-item icon="settings" label="Settings"><a href="#settings" target="_self"></a></core-item>
+ <core-item icon="account-box" label="Account"><a href="#account" target="_self"></a></core-item>
+
+ <h2>items sized with CSS:</h2>
+ <core-item icon="settings" label="Settings" class="font-scalable big"></core-item>
+ <core-item icon="account-box" label="Account" class="font-scalable big"></core-item>
+ <core-item icon="settings" label="Settings" class="font-scalable small"></core-item>
+ <core-item icon="account-box" label="Account" class="font-scalable small"></core-item>
+
+ <h2>custom item:</h2>
+
+ <core-item icon="account-circle" class="contact-item">
+ <div flex>
+ <div class="name">John Doe</div>
+ <div class="address">123 A Street, San Francisco, CA</div>
+ </div>
+ <core-icon icon="more-vert"></core-icon>
+ </core-item>
+
+</body>
+</html>

Powered by Google App Engine
This is Rietveld 408576698