[MD Extensions] Merge CSS into html files

chrome/browser/resources/md_extensions/item.css

Index: chrome/browser/resources/md_extensions/item.css
diff --git a/chrome/browser/resources/md_extensions/item.css b/chrome/browser/resources/md_extensions/item.css
deleted file mode 100644
index 4b97c97e68b93b32884bd05327909ada46bb5361..0000000000000000000000000000000000000000
--- a/chrome/browser/resources/md_extensions/item.css
+++ /dev/null
@@ -1,162 +0,0 @@
-/* Copyright 2015 The Chromium Authors. All rights reserved.
- * Use of this source code is governed by a BSD-style license that can be
- * found in the LICENSE file. */
-
-[hidden] {
-  display: none !important;
-}
-
-#icon-wrapper {
-  align-self: flex-start;
-  display: flex;
-  padding: 6px;
-}
-
-#icon {
-  height: 36px;
-  width: 36px;
-}
-
-#card,
-#card-wrapper {
-  min-height: 154px;
-  width: 400px;
-}
-
-#card-wrapper {
-  @apply(--shadow-elevation-2dp);
-  background: white;
-}
-
-#card {
-  display: flex;
-  flex-direction: column;
-  font-size: 13px;
-}
-
-#card.disabled {
-  opacity: 0.6;
-}
-
-#main {
-  display: flex;
-  flex-grow: 1;
-  padding: 16px;
-}
-
-#content {
-  -webkit-margin-start: 24px;
-  width: 100%;
-}
-
-#name-and-version {
-  margin-bottom: 4px;
-}
-
-#name {
-  -webkit-margin-end: 8px;
-  color: var(--paper-grey-800);
-}
-
-#description {
-  margin-bottom: 8px;
-}
-
-#version,
-#extension-id,
-#inspect-views,
-#button-strip {
-  color: var(--paper-grey-600);
-}
-
-#description,
-#extension-id,
-#inspect-views {
-  line-height: 20px;
-}
-
-#inspect-views paper-button {
-  color: var(--google-blue-700);
-}
-
-#button-strip {
-  border-top: 1px solid var(--paper-grey-400);
-}
-
-#source-indicator {
-  align-items: center;
-  align-self: flex-end;
-  border-radius: 0 2px;
-  color: var(--paper-grey-800);
-  display: flex;
-  min-height: 32px;
-  padding: 0 8px;
-  position: absolute;
-  white-space: nowrap;
-}
-
-#source-indicator iron-icon {
-  height: 16px;
-  width: 16px;
-}
-
-#source-indicator span {
-  -webkit-margin-end: 8px;
-  display: none;
-}
-
-#source-indicator:hover {
-  background-color: var(--paper-grey-700);
-  color: white;
-}
-
-#source-indicator:hover span {
-  display: block;
-}
-
-paper-button,
-paper-toggle-button {
-  cursor: pointer;
-}
-
-#button-strip paper-button {
-  align-items: center;
-  display: flex;
-  margin: 4px;
-  min-height: 32px;
-  padding: 0 12px;
-  text-transform: uppercase;
-}
-
-#enable-toggle {
-  -webkit-margin-end: 16px;
-}
-
-.warning {
-  align-items: center;
-  display: flex;
-  font-size: 13px;
-  justify-content: space-between;
-  padding: 12px 16px;
-}
-
-.warning paper-button {
-  -webkit-margin-start: 12px;
-  align-items: center;
-  display: flex;
-  text-transform: uppercase;
-}
-
-.severe.warning {
-  background-color: var(--paper-red-50);
-  color: var(--paper-red-700);
-}
-
-.mild.warning {
-  background-color: var(--paper-yellow-50);
-  color: var(--paper-grey-600);
-}
-
-#blacklisted-warning:empty {
-  display: none;
-}