MD downloads: implement real warning icon

chrome/browser/resources/md_downloads/item.css

 /* 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. */
 
 :host {
   @apply(--downloads-shared-style);
   display: flex;
   margin: 32px 0;
 }
 
@@ skipping 41 matching lines @@
   padding: 16px 16px 12px 16px;
 }
 
 .icon-wrapper {
   align-self: center;
   flex: none;
   justify-content: center;
   margin: 0 32px;
 }
 
-#icon {
+#icon,
+.warning {

[groby-ooo-7-16, 2015/08/04 00:56:05]

Am I crazy or should icon be a class and warning be an ID? (Not for this CL, but
in general. It's a rhetorical question )

[Dan Beam, 2015/08/04 01:11:20]

Done.

   height: 32px;
   width: 32px;
 }
 
+.warning {
+  -webkit-mask-image: url(../../../../ui/webui/resources/images/warning.svg);
+  -webkit-mask-repeat: no-repeat;

[groby-ooo-7-16, 2015/08/04 00:56:05]

I can't believe CSS masking is still prefixed... Oh well. Turns out it is, and
the competing standard is languishing. I continue to love web development.

[Dan Beam, 2015/08/04 01:11:20]

Acknowledged.

+  -webkit-mask-size: 100%;
+  background: rgb(217, 84, 61);
+}
+
 #name,
 #file-link,
 #url {
   max-width: 100%;
 }
 
 #name,
 #file-link {
   word-break: break-all;
 }
@@ skipping 97 matching lines @@
   #content {
     margin: 0 auto;
   }
 
   #date-container {
     flex: none !important;
     margin: 0 auto 32px;
     width: var(--downloads-item-width);
   }
 }