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

Side by Side Diff: third_party/polymer/v0_8/components/paper-checkbox/demo/index.html

Issue 1082403004: Import Polymer 0.8 and several key elements. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: rerun reproduce.sh Created 5 years, 7 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 unified diff | Download patch
OLDNEW
(Empty)
1 <!doctype html>
2 <!--
3 @license
4 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
5 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt
6 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
7 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt
8 Code distributed by Google as part of the polymer project is also
9 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt
10 -->
11 <html>
12 <head>
13 <title>paper-checkbox demo</title>
14
15 <meta name="viewport" content="width=device-width, minimum-scale=1.0, initia l-scale=1, user-scalable=yes">
16 <meta name="mobile-web-app-capable" content="yes">
17 <meta name="apple-mobile-web-app-capable" content="yes">
18
19 <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
20 <link rel="import" href="../../paper-styles/layout.html">
21 <link rel="import" href="../paper-checkbox.html">
22
23 <link rel="stylesheet" href="../../paper-styles/demo.css">
24
25 <style is="x-style">
26 paper-checkbox.blue {
27 --paper-checkbox-unchecked-color: var(--dark-primary-color);
28 --paper-checkbox-unchecked-ink-color: var(--dark-primary-color);
29
30 --paper-checkbox-checked-color: var(--accent-color);
31 --paper-checkbox-checked-ink-color: var(--accent-color);
32 }
33
34 .note {
35 padding-left: 30px;
36 }
37
38 section {
39 width: 300px;
40 }
41
42 </style>
43 </head>
44 <body>
45 <section>
46 <div>
47 <paper-checkbox><h4>Notifications</h4></paper-checkbox>
48 <div class="note">Notify me about updates to apps or games that I've dow nloaded</div>
49
50 <br>
51
52 <paper-checkbox checked><h4>Auto-updates</h4></paper-checkbox>
53 <div class="note">Auto-update apps over wifi only</div>
54
55 <br>
56
57 <paper-checkbox><h4>Clear search history</h4></paper-checkbox>
58 <div class="note">Remove all the searches you have ever performed</div>
59
60 <br>
61
62 <paper-checkbox disabled checked><h4>Use as default browser</h4></paper- checkbox>
63
64 <br>
65
66 <paper-checkbox disabled><h4>Allow in incognito</h4></paper-checkbox>
67 </div>
68 </section>
69
70 <section>
71 <h3>Sound</h3>
72
73 <div class="center horizontal layout">
74 <div class="flex">Touch sounds</div>
75 <paper-checkbox class="blue" checked></paper-checkbox>
76 </div>
77
78 <div class="center horizontal layout">
79 <div class="flex">Screen lock sound</div>
80 <paper-checkbox class="blue"></paper-checkbox>
81 </div>
82
83 <div class="center horizontal layout">
84 <div class="flex">Vibrate on touch</div>
85 <paper-checkbox class="blue"></paper-checkbox>
86 </div>
87 </section>
88 </body>
89 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698