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 |