third_party/polymer/v1_0/components-chromium/paper-radio-button/paper-radio-button.css - Issue 1363853002: Update Polymer

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

Issue 1363853002: Update Polymer (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: fix resources Created 5 years, 2 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/hero.svg ('k') | third_party/polymer/v1_0/components-chromium/paper-radio-button/paper-radio-button.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
	(Empty)
1 /**

2 @license

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 :host {

12 display: inline-block;

13 white-space: nowrap;

14 }

15

16 :host(:focus) {

17 outline: none;

18 }

19

20 #radioContainer {

21 display: inline-block;

22 position: relative;

23 width: 16px;

24 height: 16px;

25 cursor: pointer;

26 vertical-align: middle;

27 }

28

29 :host #ink {

30 position: absolute;

31 top: -16px;

32 left: -16px;

33 width: 48px;

34 height: 48px;

35 color: var(--paper-radio-button-unchecked-ink-color, --primary-text-color);

36 opacity: 0.6;

37 pointer-events: none;

38 }

39

40 :host #ink[checked] {

41 color: var(--paper-radio-button-checked-ink-color, --default-primary-color);

42 }

43

44 :host #offRadio {

45 position: absolute;

46 box-sizing: content-box;

47 top: 0px;

48 left: 0px;

49 width: 12px;

50 height: 12px;

51 border-radius: 50%;

52 border: solid 2px;

53 background-color: var(--paper-radio-button-unchecked-background-color, transpa rent);

54 border-color: var(--paper-radio-button-unchecked-color, --primary-text-color);

55 transition: border-color 0.28s;

56 }

57

58 :host #onRadio {

59 position: absolute;

60 box-sizing: content-box;

61 top: 4px;

62 left: 4px;

63 width: 8px;

64 height: 8px;

65 border-radius: 50%;

66 background-color: var(--paper-radio-button-checked-color, --default-primary-co lor);

67 -webkit-transform: scale(0);

68 transform: scale(0);

69 transition: -webkit-transform ease 0.28s;

70 transition: transform ease 0.28s;

71 }

72

73 :host([checked]) #offRadio {

74 border-color: var(--paper-radio-button-checked-color, --default-primary-color) ;

75 }

76

77 :host([checked]) #onRadio {

78 -webkit-transform: scale(1);

79 transform: scale(1);

80 }

81

82 #radioLabel {

83 position: relative;

84 display: inline-block;

85 vertical-align: middle;

86 margin-left: 10px;

87 white-space: normal;

88 pointer-events: none;

89 color: var(--paper-radio-button-label-color, --primary-text-color);

90 }

91

92 #radioLabel[hidden] {

93 display: none;

94 }

95

96 /* disabled state */

97 :host([disabled]) {

98 pointer-events: none;

99 }

100

101 :host([disabled]) #offRadio {

102 border-color: var(--paper-radio-button-unchecked-color, --primary-text-color);

103 opacity: 0.5;

104 }

105

106 :host([disabled][checked]) #onRadio {

107 background-color: var(--paper-radio-button-unchecked-color, --primary-text-col or);

108 opacity: 0.5;

109 }

110

111 :host([disabled]) #radioLabel {

112 /* slightly darker than the button, so that it's readable */

113 opacity: 0.65;

114 }

OLD	NEW