third_party/polymer/v1_0/components-chromium/paper-radio-button/paper-radio-button.html - Issue 2812593004: [Polymer] paper-radio-button mixin

Side by Side Diff: third_party/polymer/v1_0/components-chromium/paper-radio-button/paper-radio-button.html

Issue 2812593004: [Polymer] paper-radio-button mixin (Closed)

Patch Set: 1.3.3 Created 3 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:

« no previous file with comments | « third_party/polymer/v1_0/components-chromium/paper-radio-button/bower.json ('k') | third_party/polymer/v1_0/components_summary.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!--	1 <!--

2 @license	2 @license

3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.	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	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	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	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	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	8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt

9 --><html><head><link rel="import" href="../polymer/polymer.html">	9 --><html><head><link rel="import" href="../polymer/polymer.html">

10 <link rel="import" href="../paper-behaviors/paper-checked-element-behavior.html" >	10 <link rel="import" href="../paper-behaviors/paper-checked-element-behavior.html" >

(...skipping 23 matching lines...) Expand all Loading...
34 ----------------\|-------------\|----------	34 ----------------\|-------------\|----------

35 `--paper-radio-button-unchecked-background-color` \| Radio button background colo r when the input is not checked \| `transparent`	35 `--paper-radio-button-unchecked-background-color` \| Radio button background colo r when the input is not checked \| `transparent`

36 `--paper-radio-button-unchecked-color` \| Radio button color when the input is no t checked \| `--primary-text-color`	36 `--paper-radio-button-unchecked-color` \| Radio button color when the input is no t checked \| `--primary-text-color`

37 `--paper-radio-button-unchecked-ink-color` \| Selected/focus ripple color when th e input is not checked \| `--primary-text-color`	37 `--paper-radio-button-unchecked-ink-color` \| Selected/focus ripple color when th e input is not checked \| `--primary-text-color`

38 `--paper-radio-button-checked-color` \| Radio button color when the input is chec ked \| `--primary-color`	38 `--paper-radio-button-checked-color` \| Radio button color when the input is chec ked \| `--primary-color`

39 `--paper-radio-button-checked-ink-color` \| Selected/focus ripple color when the input is checked \| `--primary-color`	39 `--paper-radio-button-checked-ink-color` \| Selected/focus ripple color when the input is checked \| `--primary-color`

40 `--paper-radio-button-size` \| Size of the radio button \| `16px`	40 `--paper-radio-button-size` \| Size of the radio button \| `16px`

41 `--paper-radio-button-ink-size` \| Size of the ripple \| `48px`	41 `--paper-radio-button-ink-size` \| Size of the ripple \| `48px`

42 `--paper-radio-button-label-color` \| Label color \| `--primary-text-color`	42 `--paper-radio-button-label-color` \| Label color \| `--primary-text-color`

43 `--paper-radio-button-label-spacing` \| Spacing between the label and the button \| `10px`	43 `--paper-radio-button-label-spacing` \| Spacing between the label and the button \| `10px`

	44 `--paper-radio-button-radio-container` \| A mixin applied to the internal radio c ontainer \| `{}`

44	45

45 This element applies the mixin `--paper-font-common-base` but does not import `p aper-styles/typography.html`.	46 This element applies the mixin `--paper-font-common-base` but does not import `p aper-styles/typography.html`.

46 In order to apply the `Roboto` font to this element, make sure you've imported ` paper-styles/typography.html`.	47 In order to apply the `Roboto` font to this element, make sure you've imported ` paper-styles/typography.html`.

47	48

48 @group Paper Elements	49 @group Paper Elements

49 @element paper-radio-button	50 @element paper-radio-button

50 @hero hero.svg	51 @hero hero.svg

51 @demo demo/index.html	52 @demo demo/index.html

52 -->	53 -->

53	54

(...skipping 15 matching lines...) Expand all Loading...
69 outline: none;	70 outline: none;

70 }	71 }

71	72

72 #radioContainer {	73 #radioContainer {

73 @apply(--layout-inline);	74 @apply(--layout-inline);

74 @apply(--layout-center-center);	75 @apply(--layout-center-center);

75 position: relative;	76 position: relative;

76 width: var(--calculated-paper-radio-button-size);	77 width: var(--calculated-paper-radio-button-size);

77 height: var(--calculated-paper-radio-button-size);	78 height: var(--calculated-paper-radio-button-size);

78 vertical-align: middle;	79 vertical-align: middle;

	80

	81 @apply(--paper-radio-button-radio-container);

79 }	82 }

80	83

81 #ink {	84 #ink {

82 position: absolute;	85 position: absolute;

83 top: 50%;	86 top: 50%;

84 left: 50%;	87 left: 50%;

85 right: auto;	88 right: auto;

86 width: var(--calculated-paper-radio-button-ink-size);	89 width: var(--calculated-paper-radio-button-ink-size);

87 height: var(--calculated-paper-radio-button-ink-size);	90 height: var(--calculated-paper-radio-button-ink-size);

88 color: var(--paper-radio-button-unchecked-ink-color, --primary-text-colo r);	91 color: var(--paper-radio-button-unchecked-ink-color, --primary-text-colo r);

(...skipping 81 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
170 <div id="radioContainer">	173 <div id="radioContainer">

171 <div id="offRadio"></div>	174 <div id="offRadio"></div>

172 <div id="onRadio"></div>	175 <div id="onRadio"></div>

173 </div>	176 </div>

174	177

175 <div id="radioLabel"><content></content></div>	178 <div id="radioLabel"><content></content></div>

176 </template>	179 </template>

177	180

178 </dom-module>	181 </dom-module>

179 <script src="paper-radio-button-extracted.js"></script></body></html>	182 <script src="paper-radio-button-extracted.js"></script></body></html>

OLD	NEW