Chromium Code Reviews

Side by Side Diff: polymer_0.5.4/bower_components/paper-checkbox/demo.html

Issue 895523005: Added Polymer 0.5.4 (Closed) Base URL: https://chromium.googlesource.com/infra/third_party/npm_modules.git@master
Patch Set: Created 5 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff |
OLDNEW
1 <!-- 1 <!--
2 @license 2 @license
3 Copyright (c) 2014 The Polymer Project Authors. All rights reserved. 3 Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
4 This code may only be used under the BSD style license found at http://polym er.github.io/LICENSE.txt 4 This code may only be used under the BSD style license found at http://polym er.github.io/LICENSE.txt
5 The complete set of authors may be found at http://polymer.github.io/AUTHORS .txt 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS .txt
6 The complete set of contributors may be found at http://polymer.github.io/CO NTRIBUTORS.txt 6 The complete set of contributors may be found at http://polymer.github.io/CO NTRIBUTORS.txt
7 Code distributed by Google as part of the polymer project is also 7 Code distributed by Google as part of the polymer project is also
8 subject to an additional IP rights grant found at http://polymer.github.io/P ATENTS.txt 8 subject to an additional IP rights grant found at http://polymer.github.io/P ATENTS.txt
9 --> 9 -->
10 <!doctype html> 10 <!doctype html>
(...skipping 10 matching lines...)
21 <link rel="import" href="paper-checkbox.html"> 21 <link rel="import" href="paper-checkbox.html">
22 <link rel="import" href="../font-roboto/roboto.html"> 22 <link rel="import" href="../font-roboto/roboto.html">
23 <link rel="import" href="../core-label/core-label.html"> 23 <link rel="import" href="../core-label/core-label.html">
24 24
25 <style shim-shadowdom> 25 <style shim-shadowdom>
26 26
27 body { 27 body {
28 font-family: RobotoDraft, 'Helvetica Neue', Helvetica, Arial; 28 font-family: RobotoDraft, 'Helvetica Neue', Helvetica, Arial;
29 margin: 0; 29 margin: 0;
30 padding: 24px; 30 padding: 24px;
31 -webkit-user-select: none;
32 -moz-user-select: none;
33 -ms-user-select: none;
34 user-select: none;
35 -webkit-tap-highlight-color: rgba(0,0,0,0); 31 -webkit-tap-highlight-color: rgba(0,0,0,0);
36 -webkit-touch-callout: none; 32 -webkit-touch-callout: none;
37 } 33 }
38 34
39 paper-checkbox { 35 paper-checkbox {
40 padding: 20px 20px 20px 0; 36 padding: 20px 20px 20px 0;
41 } 37 }
42 38
43 section { 39 section {
44 width: 300px; 40 width: 300px;
45 } 41 }
46 42
47 paper-checkbox.blue::shadow #ink[checked] { 43 paper-checkbox.blue::shadow #ink[checked] {
48 color: #4285f4; 44 color: #BBDEFB;
49 } 45 }
50 46
51 paper-checkbox.blue::shadow #checkbox.checked { 47 paper-checkbox.blue::shadow #checkbox.checked {
52 border-color: #4285f4; 48 background-color: #2196F3;
49 border-color: #2196F3;
53 } 50 }
54 51
55 </style> 52 </style>
56 53
57 </head> 54 </head>
58 <body unresolved> 55 <body unresolved>
59 56
60 <core-label horizontal layout> 57 <section>
61 <paper-checkbox for></paper-checkbox>
62 <div vertical layout>
63 <h4>Notifications</h4>
64 <div>Notify me about updates to apps or games that I've downloaded</div>
65 </div>
66 </core-label>
67 58
68 <br> 59 <core-label horizontal layout>
69 60 <paper-checkbox for></paper-checkbox>
70 <core-label horizontal layout> 61 <div vertical layout>
71 <paper-checkbox checked for></paper-checkbox> 62 <h4>Notifications</h4>
72 <div vertical layout> 63 <div>Notify me about updates to apps or games that I've downloaded</div>
73 <h4>Auto-updates</h4> 64 </div>
74 <div>Auto-update apps over wifi only</div> 65 </core-label>
75 </div> 66
76 </core-label> 67 <br>
77 68
78 <br> 69 <core-label horizontal layout>
79 70 <paper-checkbox checked for></paper-checkbox>
80 <core-label horizontal layout> 71 <div vertical layout>
81 <paper-checkbox for></paper-checkbox> 72 <h4>Auto-updates</h4>
82 <div vertical layout> 73 <div>Auto-update apps over wifi only</div>
83 <h4>Clear search history</h4> 74 </div>
84 <div>Remove all the searches you have ever performed</div> 75 </core-label>
85 </div> 76
86 </core-label> 77 <br>
87 78
79 <core-label horizontal layout>
80 <paper-checkbox for></paper-checkbox>
81 <div vertical layout>
82 <h4>Clear search history</h4>
83 <div>Remove all the searches you have ever performed</div>
84 </div>
85 </core-label>
86
87 <br>
88
89 <core-label horizontal layout>
90 <paper-checkbox for disabled checked></paper-checkbox>
91 <div vertical layout>
92 <h4>Use as default browser</h4>
93 </div>
94 </core-label>
95
96 <br>
97
98 <core-label horizontal layout>
99 <paper-checkbox for disabled></paper-checkbox>
100 <div vertical layout>
101 <h4>Allow in incognito</h4>
102 </div>
103 </core-label>
104 </section>
105
88 <br> 106 <br>
89 <br> 107 <br>
90 <br> 108 <br>
91 109
92 <section> 110 <section>
93
94 <h3>Sound</h3> 111 <h3>Sound</h3>
95 112
96 <core-label center horizontal layout> 113 <core-label center horizontal layout>
97 <div flex>Touch sounds</div> 114 <div flex>Touch sounds</div>
98 <paper-checkbox class="blue" checked for></paper-checkbox> 115 <paper-checkbox class="blue" checked for></paper-checkbox>
99 </core-label> 116 </core-label>
100 117
101 <core-label center horizontal layout> 118 <core-label center horizontal layout>
102 <div flex>Screen lock sound</div> 119 <div flex>Screen lock sound</div>
103 <paper-checkbox class="blue" for></paper-checkbox> 120 <paper-checkbox class="blue" for></paper-checkbox>
104 </core-label> 121 </core-label>
105 122
106 <core-label center horizontal layout> 123 <core-label center horizontal layout>
107 <div flex>Vibrate on touch</div> 124 <div flex>Vibrate on touch</div>
108 <paper-checkbox class="blue" for></paper-checkbox> 125 <paper-checkbox class="blue" for></paper-checkbox>
109 </core-label> 126 </core-label>
110
111 </section> 127 </section>
112 128
113 </body> 129 </body>
114 </html> 130 </html>
OLDNEW
« no previous file with comments | « polymer_0.5.4/bower_components/paper-checkbox/bower.json ('k') | polymer_0.5.4/bower_components/paper-checkbox/index.html » ('j') | no next file with comments »

Powered by Google App Engine