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

Side by Side Diff: Source/devtools/front_end/responsiveDesignView.css

Issue 553753002: DevTools: remove unused CSS. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Created 6 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
« no previous file with comments | « no previous file | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* 1 /*
2 * Copyright 2014 The Chromium Authors. All rights reserved. 2 * Copyright 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 .responsive-design { 7 .responsive-design {
8 position: relative; 8 position: relative;
9 background-color: rgb(0, 0, 0); 9 background-color: rgb(0, 0, 0);
10 overflow: hidden; 10 overflow: hidden;
(...skipping 421 matching lines...) Expand 10 before | Expand all | Expand 10 after
432 .responsive-design-warning > span { 432 .responsive-design-warning > span {
433 flex: auto; 433 flex: auto;
434 padding-left: 3px; 434 padding-left: 3px;
435 overflow: hidden; 435 overflow: hidden;
436 } 436 }
437 437
438 .responsive-design-warning > div { 438 .responsive-design-warning > div {
439 flex: none; 439 flex: none;
440 } 440 }
441 441
442 .responsive-design-ruler-glasspane {
443 position: absolute;
444 left: 0;
445 right: 0;
446 top: 0;
447 background-color: transparent;
448 }
449
450 .responsive-design-toggle-media-inspector .glyph { 442 .responsive-design-toggle-media-inspector .glyph {
451 background-color: rgb(180, 180, 180); 443 background-color: rgb(180, 180, 180);
452 -webkit-mask-position: -128px -48px; 444 -webkit-mask-position: -128px -48px;
453 } 445 }
454 446
455 .responsive-design-toolbar button.responsive-design-toggle-media-inspector.toggl ed-on .glyph:not(.shadow) { 447 .responsive-design-toolbar button.responsive-design-toggle-media-inspector.toggl ed-on .glyph:not(.shadow) {
456 background-color: rgb(105, 194, 236) !important; 448 background-color: rgb(105, 194, 236) !important;
457 } 449 }
458 450
459 /* Media query inspector */ 451 /* Media query inspector */
(...skipping 96 matching lines...) Expand 10 before | Expand all | Expand 10 after
556 text-shadow: rgb(0, 0, 0) 1px 1px; 548 text-shadow: rgb(0, 0, 0) 1px 1px;
557 } 549 }
558 550
559 .media-inspector-label-right { 551 .media-inspector-label-right {
560 right: 2px; 552 right: 2px;
561 } 553 }
562 554
563 .media-inspector-label-left { 555 .media-inspector-label-left {
564 left: 2px; 556 left: 2px;
565 } 557 }
566
567 /* Media query serifs on ruler */
568
569 .media-inspector-threshold {
570 position: absolute;
571 top: 0px;
572 bottom: 0px;
573 width: 5px;
574 margin-left: -2px;
575 }
576
577 .media-inspector-threshold::before {
578 content: ".";
579 color: transparent;
580 position: absolute;
581 left: 2px;
582 right: 2px;
583 top: 0px;
584 bottom: 0px;
585 box-sizing: border-box;
586 border-left: 1px solid rgb(204, 104, 31);
587 }
588
589 .media-inspector-threshold:hover {
590 background-color: rgb(204, 104, 31);
591 }
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698