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

Side by Side Diff: polymer_0.5.4/bower_components/paper-radio-button/paper-radio-button.css

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. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 /* 1 /*
2 Copyright (c) 2014 The Polymer Project Authors. All rights reserved. 2 Copyright (c) 2014 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 32 matching lines...) Expand 10 before | Expand all | Expand 10 after
43 43
44 #offRadio { 44 #offRadio {
45 position: absolute; 45 position: absolute;
46 top: 0px; 46 top: 0px;
47 left: 0px; 47 left: 0px;
48 width: 12px; 48 width: 12px;
49 height: 12px; 49 height: 12px;
50 border-radius: 50%; 50 border-radius: 50%;
51 border: solid 2px; 51 border: solid 2px;
52 border-color: #5a5a5a; 52 border-color: #5a5a5a;
53 transition: border-color 0.28s;
54 }
55
56 :host([checked]) #offRadio {
57 border-color: #009688;
53 } 58 }
54 59
55 #onRadio { 60 #onRadio {
56 position: absolute; 61 position: absolute;
57 top: 0; 62 top: 4px;
58 left: 0; 63 left: 4px;
59 width: 16px; 64 width: 8px;
60 height: 16px; 65 height: 8px;
61 border-radius: 50%; 66 border-radius: 50%;
62 background-color: #0f9d58; 67 background-color: #009688;
63 -webkit-transform: scale(0); 68 -webkit-transform: scale(0);
64 transform: scale(0); 69 transform: scale(0);
65 transition: -webkit-transform ease 0.28s; 70 transition: -webkit-transform ease 0.28s;
66 transition: transform ease 0.28s; 71 transition: transform ease 0.28s;
67 } 72 }
68 73
69 #onRadio.fill { 74 :host([checked]) #onRadio {
70 -webkit-transform: scale(1.1); 75 -webkit-transform: scale(1);
71 transform: scale(1.1); 76 transform: scale(1);
72 } 77 }
73 78
74 #radioLabel { 79 #radioLabel {
75 position: relative; 80 position: relative;
76 display: inline-block; 81 display: inline-block;
77 vertical-align: middle; 82 vertical-align: middle;
78 margin-left: 10px; 83 margin-left: 10px;
79 white-space: normal; 84 white-space: normal;
80 pointer-events: none; 85 pointer-events: none;
81 } 86 }
82 87
83 #radioLabel[hidden] { 88 #radioLabel[hidden] {
84 display: none; 89 display: none;
85 } 90 }
86 91
87 /* disabled state */ 92 /* disabled state */
88 :host([disabled]) { 93 :host([disabled]) {
89 pointer-events: none; 94 pointer-events: none;
90 } 95 }
91 96
97 :host([disabled]) #offRadio,
92 :host([disabled]) #onRadio { 98 :host([disabled]) #onRadio {
93 display: none; 99 opacity: 0.33;
94 } 100 }
95 101
96 :host([disabled]) #offRadio { 102 :host([disabled]) #offRadio {
97 opacity: 0.33;
98 border-color: #5a5a5a; 103 border-color: #5a5a5a;
99 } 104 }
100 105
101 :host([disabled][checked]) #offRadio { 106 :host([disabled][checked]) #onRadio {
102 opacity: 0.33;
103 background-color: #5a5a5a; 107 background-color: #5a5a5a;
104 } 108 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698