third_party/polymer/v0_8/components-chromium/paper-button/demo/index.html - Issue 1082403004: Import Polymer 0.8 and several key elements.

Side by Side Diff: third_party/polymer/v0_8/components-chromium/paper-button/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, 8 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

« third_party/polymer/v0_8/bower.json ('K') | « third_party/polymer/v0_8/components-chromium/paper-button/bower.json ('k') | third_party/polymer/v0_8/components-chromium/paper-button/index.html » ('j') | third_party/polymer/v0_8/reproduce.sh » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
(Empty)
	1 <!doctype html>

	2 <!--

	3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.

	4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.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/CONTRI BUTORS.txt

	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/PATEN TS.txt

	9 -->

	10

	11 <html>

	12 <head>

	13

	14 <meta charset="utf-8">

	15 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

	16 <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial- scale=1, user-scalable=yes">

	17

	18 <title>paper-button</title>

	19

	20 <script src="../../webcomponentsjs/webcomponents-lite.js"></script>

	21

	22 <link rel="import" href="../../paper-styles/classes/typography.html">

	23 <link rel="import" href="../../iron-icons/iron-icons.html">

	24 <link rel="import" href="../paper-button.html">

	25

	26 <style>

	27

	28 body {

	29 font-family: RobotoDraft, 'Helvetica Neue', Helvetica, Arial;

	30 font-size: 14px;

	31 padding: 24px;

	32 margin: 0;

	33 }

	34

	35 section {

	36 display: block;

	37 position: relative;

	38 padding: 20px 0;

	39 }

	40

	41 section > div {

	42 padding: 14px;

	43 font-size: 16px;

	44 }

	45

	46 paper-button.colorful {

	47 color: #4285f4;

	48 }

	49

	50 paper-button[raised].colorful {

	51 background: #4285f4;

	52 color: #fff;

	53 }

	54

	55 paper-button[toggles] {

	56 transition: background-color 0.3s;

	57 }

	58

	59 paper-button[toggles][active] {

	60 background-color: rgba(0, 0, 0, 0.25);

	61 }

	62

	63 paper-button[toggles][active].colorful {

	64 background-color: rgba(66, 133, 244, 0.25);

	65 }

	66

	67 paper-button[toggles][active][raised].colorful {

	68 background-color: rgba(66, 133, 244, 0.75);

	69 }

	70

	71 paper-button.hover:hover {

	72 background: #eee;

	73 }

	74

	75 paper-button.blue-ripple::shadow paper-ripple {

	76 color: #4285f4;

	77 }

	78

	79 paper-button.blue-ripple paper-ripple {

	80 color: #4285f4;

	81 }

	82

	83 </style>

	84

	85 </head>

	86 <body>

	87

	88 <h1>Paper Buttons</h1>

	89 <h2>Flat</h2>

	90

	91 <paper-button tabindex="0">button</paper-button>

	92 <paper-button tabindex="0" class="colorful">colorful</paper-button>

	93 <paper-button tabindex="0" disabled>disabled</paper-button>

	94 <paper-button tabindex="0" noink>noink</paper-button>

	95

	96 <h2>Raised</h2>

	97

	98 <paper-button tabindex="0" raised>button</paper-button>

	99 <paper-button tabindex="0" raised class="colorful">colorful</paper-button>

	100 <paper-button tabindex="0" raised disabled>disabled</paper-button>

	101 <paper-button tabindex="0" raised noink>noink</paper-button>

	102

	103 <h2>Custom Content</h2>

	104 <paper-button tabindex="0" class="colorful custom">

	105 <iron-icon icon="check"></iron-icon>

	106 ok

	107 </paper-button>

	108

	109 <paper-button tabindex="0" class="custom">

	110 <iron-icon icon="clear"></iron-icon>

	111 cancel

	112 </paper-button>

	113

	114 <paper-button tabindex="0">

	115 <h1>Header</h1>

	116 </paper-button>

	117

	118 <h2>Toggleable</h2>

	119

	120 <paper-button tabindex="0" toggles>button</paper-button>

	121 <paper-button tabindex="0" toggles raised noink>noink</paper-button>

	122 <paper-button tabindex="0" toggles active class="colorful">colorful</paper-but ton>

	123 <paper-button tabindex="0" toggles raised active class="colorful">colorful</pa per-button>

	124

	125 <h2>Custom Styles</h2>

	126

	127 <paper-button tabindex="0" class="hover">hover</paper-button>

	128 <paper-button tabindex="0" class="blue-ripple">custom ripple</paper-button>

	129

	130 </body>

	131 </html>

OLD	NEW