OLD | NEW |
(Empty) | |
| 1 /** |
| 2 * Copyright 2017 The Chromium Authors. All rights reserved. |
| 3 * Use of this source code is governed by a BSD-style license that can be |
| 4 * found in the LICENSE file. |
| 5 */ |
| 6 |
| 7 .metrics { |
| 8 padding: 8px; |
| 9 font-size: 10px; |
| 10 text-align: center; |
| 11 white-space: nowrap; |
| 12 min-height: 190px; |
| 13 display: flex; |
| 14 flex-direction: column; |
| 15 -webkit-align-items: center; |
| 16 -webkit-justify-content: center; |
| 17 } |
| 18 |
| 19 :host-context(.-theme-with-dark-background) .metrics { |
| 20 color: #222; |
| 21 } |
| 22 |
| 23 :host-context(.-theme-with-dark-background) .metrics > div:hover { |
| 24 color: #ccc; |
| 25 } |
| 26 |
| 27 .metrics .label { |
| 28 position: absolute; |
| 29 font-size: 10px; |
| 30 margin-left: 3px; |
| 31 padding-left: 2px; |
| 32 padding-right: 2px; |
| 33 } |
| 34 |
| 35 .metrics .position { |
| 36 border: 1px rgb(66%, 66%, 66%) dotted; |
| 37 background-color: white; |
| 38 display: inline-block; |
| 39 text-align: center; |
| 40 padding: 3px; |
| 41 margin: 3px; |
| 42 } |
| 43 |
| 44 .metrics .margin { |
| 45 border: 1px dashed; |
| 46 background-color: white; |
| 47 display: inline-block; |
| 48 text-align: center; |
| 49 vertical-align: middle; |
| 50 padding: 3px; |
| 51 margin: 3px; |
| 52 } |
| 53 |
| 54 .metrics .border { |
| 55 border: 1px black solid; |
| 56 background-color: white; |
| 57 display: inline-block; |
| 58 text-align: center; |
| 59 vertical-align: middle; |
| 60 padding: 3px; |
| 61 margin: 3px; |
| 62 } |
| 63 |
| 64 .metrics .padding { |
| 65 border: 1px grey dashed; |
| 66 background-color: white; |
| 67 display: inline-block; |
| 68 text-align: center; |
| 69 vertical-align: middle; |
| 70 padding: 3px; |
| 71 margin: 3px; |
| 72 } |
| 73 |
| 74 .metrics .content { |
| 75 position: static; |
| 76 border: 1px gray solid; |
| 77 background-color: white; |
| 78 display: inline-block; |
| 79 text-align: center; |
| 80 vertical-align: middle; |
| 81 padding: 3px; |
| 82 margin: 3px; |
| 83 min-width: 80px; |
| 84 overflow: visible; |
| 85 } |
| 86 |
| 87 .metrics .content span { |
| 88 display: inline-block; |
| 89 } |
| 90 |
| 91 .metrics .editing { |
| 92 position: relative; |
| 93 z-index: 100; |
| 94 cursor: text; |
| 95 } |
| 96 |
| 97 .metrics .left { |
| 98 display: inline-block; |
| 99 vertical-align: middle; |
| 100 } |
| 101 |
| 102 .metrics .right { |
| 103 display: inline-block; |
| 104 vertical-align: middle; |
| 105 } |
| 106 |
| 107 .metrics .top { |
| 108 display: inline-block; |
| 109 } |
| 110 |
| 111 .metrics .bottom { |
| 112 display: inline-block; |
| 113 } |
OLD | NEW |