[TASK] Optimize CSS clearfix usage
[Packages/TYPO3.CMS.git] / Build / Resources / Public / Less / TYPO3 / _debugconsole.less
1 @console-border-color: darken(@gray-light, 15%);
2 #typo3-debug-console {
3 background-color: @gray-lighter;
4 width: 100%;
5 position: absolute;
6 bottom: 0;
7 z-index: 1000;
8 border: 1px solid @console-border-color;
9
10 .topbar {
11 &:extend(.clearfix all);
12 background-color: @gray-light;
13 padding: @padding-base-vertical @padding-base-horizontal;
14 border-bottom: 1px solid @console-border-color;
15
16 .badge {
17 margin-left: @padding-base-vertical;
18 }
19 }
20
21 .messages {
22 padding: @padding-base-vertical @padding-base-horizontal;
23 font-family: @font-family-monospace;
24 height: 250px;
25 overflow: auto;
26
27 .table {
28 width: auto;
29 }
30
31 p {
32 margin: 0;
33
34 strong {
35 padding-right: @padding-small-horizontal;
36 }
37 }
38 }
39 }