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

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

Issue 1187823002: Update Polymer components and re-run reproduce.sh (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Rebase Created 5 years, 6 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
1 /* 1 /*
2 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. 2 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
3 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt 3 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt
4 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 4 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
5 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt 5 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt
6 Code distributed by Google as part of the polymer project is also 6 Code distributed by Google as part of the polymer project is also
7 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt 7 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt
8 */ 8 */
9 9
10 :host { 10 :host {
(...skipping 13 matching lines...) Expand all
24 cursor: pointer; 24 cursor: pointer;
25 vertical-align: middle; 25 vertical-align: middle;
26 } 26 }
27 27
28 :host #ink { 28 :host #ink {
29 position: absolute; 29 position: absolute;
30 top: -16px; 30 top: -16px;
31 left: -16px; 31 left: -16px;
32 width: 48px; 32 width: 48px;
33 height: 48px; 33 height: 48px;
34 color: var(--paper-radio-button-unchecked-ink-color); 34 color: var(--paper-radio-button-unchecked-ink-color, --primary-text-color);
35 opacity: 0.6; 35 opacity: 0.6;
36 } 36 }
37 37
38 :host #ink[checked] { 38 :host #ink[checked] {
39 color: var(--paper-radio-button-checked-ink-color); 39 color: var(--paper-radio-button-checked-ink-color, --default-primary-color);
40 } 40 }
41 41
42 :host #offRadio { 42 :host #offRadio {
43 position: absolute; 43 position: absolute;
44 top: 0px; 44 top: 0px;
45 left: 0px; 45 left: 0px;
46 width: 12px; 46 width: 12px;
47 height: 12px; 47 height: 12px;
48 border-radius: 50%; 48 border-radius: 50%;
49 border: solid 2px; 49 border: solid 2px;
50 border-color: var(--paper-radio-button-unchecked-color); 50 border-color: var(--paper-radio-button-unchecked-color, --primary-text-color);
51 transition: border-color 0.28s; 51 transition: border-color 0.28s;
52 } 52 }
53 53
54 :host #onRadio { 54 :host #onRadio {
55 position: absolute; 55 position: absolute;
56 top: 4px; 56 top: 4px;
57 left: 4px; 57 left: 4px;
58 width: 8px; 58 width: 8px;
59 height: 8px; 59 height: 8px;
60 border-radius: 50%; 60 border-radius: 50%;
61 background-color: var(--paper-radio-button-checked-color); 61 background-color: var(--paper-radio-button-checked-color, --default-primary-co lor);
62 -webkit-transform: scale(0); 62 -webkit-transform: scale(0);
63 transform: scale(0); 63 transform: scale(0);
64 transition: -webkit-transform ease 0.28s; 64 transition: -webkit-transform ease 0.28s;
65 transition: transform ease 0.28s; 65 transition: transform ease 0.28s;
66 } 66 }
67 67
68 :host([checked]) #offRadio { 68 :host([checked]) #offRadio {
69 border-color: var(--paper-radio-button-checked-color); 69 border-color: var(--paper-radio-button-checked-color, --default-primary-color) ;
70 } 70 }
71 71
72 :host([checked]) #onRadio { 72 :host([checked]) #onRadio {
73 -webkit-transform: scale(1); 73 -webkit-transform: scale(1);
74 transform: scale(1); 74 transform: scale(1);
75 } 75 }
76 76
77 #radioLabel { 77 #radioLabel {
78 position: relative; 78 position: relative;
79 display: inline-block; 79 display: inline-block;
80 vertical-align: middle; 80 vertical-align: middle;
81 margin-left: 10px; 81 margin-left: 10px;
82 white-space: normal; 82 white-space: normal;
83 pointer-events: none; 83 pointer-events: none;
84 color: var(--paper-radio-button-label-color); 84 color: var(--paper-radio-button-label-color, --primary-text-color);
85 } 85 }
86 86
87 #radioLabel[hidden] { 87 #radioLabel[hidden] {
88 display: none; 88 display: none;
89 } 89 }
90 90
91 /* disabled state */ 91 /* disabled state */
92 :host([disabled]) { 92 :host([disabled]) {
93 pointer-events: none; 93 pointer-events: none;
94 } 94 }
95 95
96 :host([disabled]) #offRadio { 96 :host([disabled]) #offRadio {
97 border-color: var(--paper-radio-button-unchecked-color); 97 border-color: var(--paper-radio-button-unchecked-color, --primary-text-color);
98 opacity: 0.5; 98 opacity: 0.5;
99 } 99 }
100 100
101 :host([disabled][checked]) #onRadio { 101 :host([disabled][checked]) #onRadio {
102 background-color: var(--paper-radio-button-unchecked-color); 102 background-color: var(--paper-radio-button-unchecked-color, --primary-text-col or);
103 opacity: 0.5; 103 opacity: 0.5;
104 } 104 }
105 105
106 :host([disabled]) #radioLabel { 106 :host([disabled]) #radioLabel {
107 /* slightly darker than the button, so that it's readable */ 107 /* slightly darker than the button, so that it's readable */
108 opacity: 0.65; 108 opacity: 0.65;
109 } 109 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698