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

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/elements/spectrum.css

Issue 1480523002: DevTools: follow up to r361550, fix the color picker background and allow for themed stylesheet mar… (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: same Created 5 years 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 /* https://github.com/bgrins/spectrum */ 1 /* https://github.com/bgrins/spectrum */
2 :host { 2 :host {
3 width: 232px; 3 width: 232px;
4 height: 240px; 4 height: 240px;
5 -webkit-user-select: none; 5 -webkit-user-select: none;
6 } 6 }
7 7
8 :host(.palettes-enabled) { 8 :host(.palettes-enabled) {
9 height: 319px; 9 height: 319px;
10 } 10 }
(...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after
44 width: 130px; 44 width: 130px;
45 height: 11px; 45 height: 11px;
46 border-radius: 2px; 46 border-radius: 2px;
47 } 47 }
48 48
49 .spectrum-dragger, 49 .spectrum-dragger,
50 .spectrum-slider { 50 .spectrum-slider {
51 -webkit-user-select: none; 51 -webkit-user-select: none;
52 } 52 }
53 53
54 .spectrum-sat { 54 .spectrum-sat,
55 .-theme-preserve {
55 background-image: linear-gradient(to right, white, rgba(204, 154, 129, 0)); 56 background-image: linear-gradient(to right, white, rgba(204, 154, 129, 0));
56 } 57 }
57 58
58 .spectrum-val { 59 .spectrum-val,
60 .-theme-preserve {
59 background-image: linear-gradient(to top, black, rgba(204, 154, 129, 0)); 61 background-image: linear-gradient(to top, black, rgba(204, 154, 129, 0));
60 } 62 }
61 63
62 .spectrum-hue { 64 .spectrum-hue {
63 background: linear-gradient(to left, #ff0000 0%, #ffff00 17%, #00ff00 33%, # 00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); 65 background: linear-gradient(to left, #ff0000 0%, #ffff00 17%, #00ff00 33%, # 00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
64 } 66 }
65 67
66 .spectrum-dragger { 68 .spectrum-dragger {
67 border-radius: 12px; 69 border-radius: 12px;
68 height: 12px; 70 height: 12px;
(...skipping 316 matching lines...) Expand 10 before | Expand all | Expand 10 after
385 387
386 .delete-color-toolbar.dragging { 388 .delete-color-toolbar.dragging {
387 visibility: visible; 389 visibility: visible;
388 animation: showDeleteToolbar 100ms 150ms cubic-bezier(0, 0, 0.2, 1) backward s; 390 animation: showDeleteToolbar 100ms 150ms cubic-bezier(0, 0, 0.2, 1) backward s;
389 } 391 }
390 392
391 .delete-color-toolbar-active { 393 .delete-color-toolbar-active {
392 background-color: #ddd; 394 background-color: #ddd;
393 color: white; 395 color: white;
394 } 396 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698