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

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/ui/toolbar.css

Issue 2324313002: DevTools: Add buttons to add box-shadow and text-shadow properties in SSP (Closed)
Patch Set: Resolve black box Created 4 years, 3 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 Chromium Authors. All rights reserved. 2 * Copyright (c) 2014 The Chromium Authors. All rights reserved.
3 * Use of this source code is governed by a BSD-style license that can be 3 * Use of this source code is governed by a BSD-style license that can be
4 * found in the LICENSE file. 4 * found in the LICENSE file.
5 */ 5 */
6 6
7 :host { 7 :host {
8 flex: none; 8 flex: none;
9 padding: 0 2px; 9 padding: 0 2px;
10 } 10 }
(...skipping 415 matching lines...) Expand 10 before | Expand all | Expand 10 after
426 .toolbar-state-replay-outline .animation-control-toolbar-item.toolbar-glyph { 426 .toolbar-state-replay-outline .animation-control-toolbar-item.toolbar-glyph {
427 -webkit-mask-position: -320px -24px; 427 -webkit-mask-position: -320px -24px;
428 background-color: rgb(66, 129, 235) !important; 428 background-color: rgb(66, 129, 235) !important;
429 } 429 }
430 430
431 .toolbar-state-play-outline .animation-control-toolbar-item.toolbar-glyph { 431 .toolbar-state-play-outline .animation-control-toolbar-item.toolbar-glyph {
432 -webkit-mask-position: -320px -48px; 432 -webkit-mask-position: -320px -48px;
433 background-color: rgb(66, 129, 235) !important; 433 background-color: rgb(66, 129, 235) !important;
434 } 434 }
435 435
436 .box-shadow-toolbar-item.toolbar-glyph {
437 -webkit-mask-position: -160px -48px;
438 }
439
440 .text-shadow-toolbar-item.toolbar-glyph {
441 -webkit-mask-position: -192px -48px;
442 }
443
436 .background-color-toolbar-item.toolbar-glyph { 444 .background-color-toolbar-item.toolbar-glyph {
437 -webkit-mask-position: -96px -144px; 445 -webkit-mask-position: -96px -144px;
438 } 446 }
439 447
440 .foreground-color-toolbar-item.toolbar-glyph { 448 .foreground-color-toolbar-item.toolbar-glyph {
441 -webkit-mask-position: -128px -144px; 449 -webkit-mask-position: -128px -144px;
442 } 450 }
443 451
444 .layout-editor-toolbar-item.toolbar-glyph { 452 .layout-editor-toolbar-item.toolbar-glyph {
445 -webkit-mask-position: 0 -144px; 453 -webkit-mask-position: 0 -144px;
(...skipping 39 matching lines...) Expand 10 before | Expand all | Expand 10 after
485 .toolbar-state-active .filter-toolbar-item.toolbar-glyph, 493 .toolbar-state-active .filter-toolbar-item.toolbar-glyph,
486 .toolbar-state-active .block-toolbar-item.toolbar-glyph { 494 .toolbar-state-active .block-toolbar-item.toolbar-glyph {
487 background-color: rgb(216, 0, 0) !important; 495 background-color: rgb(216, 0, 0) !important;
488 } 496 }
489 497
490 :host-context(.-theme-with-dark-background) .toolbar-state-active .filter-toolba r-item.toolbar-glyph, 498 :host-context(.-theme-with-dark-background) .toolbar-state-active .filter-toolba r-item.toolbar-glyph,
491 :host-context(.-theme-with-dark-background) .toolbar-state-active .block-toolbar -item.toolbar-glyph, 499 :host-context(.-theme-with-dark-background) .toolbar-state-active .block-toolbar -item.toolbar-glyph,
492 :host-context(.-theme-with-dark-background) .toolbar-state-on .record-toolbar-it em.toolbar-glyph { 500 :host-context(.-theme-with-dark-background) .toolbar-state-on .record-toolbar-it em.toolbar-glyph {
493 background-color: hsl(0, 100%, 65%) !important; 501 background-color: hsl(0, 100%, 65%) !important;
494 } 502 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698