| OLD | NEW |
| 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 Loading... |
| 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 Loading... |
| 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 } | |
| OLD | NEW |