| OLD | NEW |
|---|
| (Empty) |
| 1 /* Copyright 2015 The Chromium Authors. All rights reserved. | |
| 2 * Use of this source code is governed by a BSD-style license that can be | |
| 3 * found in the LICENSE file. */ | |
| 4 | |
| 5 [hidden] { | |
| 6 display: none !important; | |
| 7 } | |
| 8 | |
| 9 #icon-wrapper { | |
| 10 align-self: flex-start; | |
| 11 display: flex; | |
| 12 padding: 6px; | |
| 13 } | |
| 14 | |
| 15 #icon { | |
| 16 height: 36px; | |
| 17 width: 36px; | |
| 18 } | |
| 19 | |
| 20 #card, | |
| 21 #card-wrapper { | |
| 22 min-height: 154px; | |
| 23 width: 400px; | |
| 24 } | |
| 25 | |
| 26 #card-wrapper { | |
| 27 @apply(--shadow-elevation-2dp); | |
| 28 background: white; | |
| 29 } | |
| 30 | |
| 31 #card { | |
| 32 display: flex; | |
| 33 flex-direction: column; | |
| 34 font-size: 13px; | |
| 35 } | |
| 36 | |
| 37 #card.disabled { | |
| 38 opacity: 0.6; | |
| 39 } | |
| 40 | |
| 41 #main { | |
| 42 display: flex; | |
| 43 flex-grow: 1; | |
| 44 padding: 16px; | |
| 45 } | |
| 46 | |
| 47 #content { | |
| 48 -webkit-margin-start: 24px; | |
| 49 width: 100%; | |
| 50 } | |
| 51 | |
| 52 #name-and-version { | |
| 53 margin-bottom: 4px; | |
| 54 } | |
| 55 | |
| 56 #name { | |
| 57 -webkit-margin-end: 8px; | |
| 58 color: var(--paper-grey-800); | |
| 59 } | |
| 60 | |
| 61 #description { | |
| 62 margin-bottom: 8px; | |
| 63 } | |
| 64 | |
| 65 #version, | |
| 66 #extension-id, | |
| 67 #inspect-views, | |
| 68 #button-strip { | |
| 69 color: var(--paper-grey-600); | |
| 70 } | |
| 71 | |
| 72 #description, | |
| 73 #extension-id, | |
| 74 #inspect-views { | |
| 75 line-height: 20px; | |
| 76 } | |
| 77 | |
| 78 #inspect-views paper-button { | |
| 79 color: var(--google-blue-700); | |
| 80 } | |
| 81 | |
| 82 #button-strip { | |
| 83 border-top: 1px solid var(--paper-grey-400); | |
| 84 } | |
| 85 | |
| 86 #source-indicator { | |
| 87 align-items: center; | |
| 88 align-self: flex-end; | |
| 89 border-radius: 0 2px; | |
| 90 color: var(--paper-grey-800); | |
| 91 display: flex; | |
| 92 min-height: 32px; | |
| 93 padding: 0 8px; | |
| 94 position: absolute; | |
| 95 white-space: nowrap; | |
| 96 } | |
| 97 | |
| 98 #source-indicator iron-icon { | |
| 99 height: 16px; | |
| 100 width: 16px; | |
| 101 } | |
| 102 | |
| 103 #source-indicator span { | |
| 104 -webkit-margin-end: 8px; | |
| 105 display: none; | |
| 106 } | |
| 107 | |
| 108 #source-indicator:hover { | |
| 109 background-color: var(--paper-grey-700); | |
| 110 color: white; | |
| 111 } | |
| 112 | |
| 113 #source-indicator:hover span { | |
| 114 display: block; | |
| 115 } | |
| 116 | |
| 117 paper-button, | |
| 118 paper-toggle-button { | |
| 119 cursor: pointer; | |
| 120 } | |
| 121 | |
| 122 #button-strip paper-button { | |
| 123 align-items: center; | |
| 124 display: flex; | |
| 125 margin: 4px; | |
| 126 min-height: 32px; | |
| 127 padding: 0 12px; | |
| 128 text-transform: uppercase; | |
| 129 } | |
| 130 | |
| 131 #enable-toggle { | |
| 132 -webkit-margin-end: 16px; | |
| 133 } | |
| 134 | |
| 135 .warning { | |
| 136 align-items: center; | |
| 137 display: flex; | |
| 138 font-size: 13px; | |
| 139 justify-content: space-between; | |
| 140 padding: 12px 16px; | |
| 141 } | |
| 142 | |
| 143 .warning paper-button { | |
| 144 -webkit-margin-start: 12px; | |
| 145 align-items: center; | |
| 146 display: flex; | |
| 147 text-transform: uppercase; | |
| 148 } | |
| 149 | |
| 150 .severe.warning { | |
| 151 background-color: var(--paper-red-50); | |
| 152 color: var(--paper-red-700); | |
| 153 } | |
| 154 | |
| 155 .mild.warning { | |
| 156 background-color: var(--paper-yellow-50); | |
| 157 color: var(--paper-grey-600); | |
| 158 } | |
| 159 | |
| 160 #blacklisted-warning:empty { | |
| 161 display: none; | |
| 162 } | |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2386813002:
[MD Extensions] Merge CSS into html files (Closed)
