[Experimental - DO NOT LAND] Use border-image for MD History shadows.

chrome/browser/resources/md_history/app.vulcanized.html

Index: chrome/browser/resources/md_history/app.vulcanized.html
diff --git a/chrome/browser/resources/md_history/app.vulcanized.html b/chrome/browser/resources/md_history/app.vulcanized.html
index 476c2ab578c3ea1203dcf00e4617eb24c7741d25..40af7660bc922d3638c0185a7b69aced7fd3ba42 100644
--- a/chrome/browser/resources/md_history/app.vulcanized.html
+++ b/chrome/browser/resources/md_history/app.vulcanized.html
@@ -3063,10 +3063,6 @@ button {
   margin-bottom: var(--card-padding-between);
 }
 
-:host([is-card-start][is-card-end]) #main-container {
-  border-radius: 2px;
-}
-
 #date-accessed {
   display: none;
 }
@@ -3184,7 +3180,6 @@ button {
 
 #background-clip {
   bottom: -0.4px;
-        clip: rect(auto 999px auto -5px); 
         left: 0;
         position: absolute;
         right: 0;
@@ -3194,46 +3189,44 @@ button {
 
 :host([is-card-end]) #background-clip {
   bottom: 0;
-        clip: rect(auto 999px 500px -5px);
 }
 
 #background {
-  box-shadow: var(--shadow-elevation-2dp_-_box-shadow);
+  z-index: -1;
         background: #fff;
         bottom: 0;
-        left: 0;
+        left: -7px;
         position: absolute;
-        right: 0;
+        right: -7px;
         top: 0;
-}
 
-:host([embedded]) #background {
-  display: none;
-}
-
-:host(:not([is-card-start])) #background {
-  top: -5px;
+        border-image-source: url("/images/100/shadow_border.png");
+        border-image-repeat:  strech;
+        border-style: solid;
+        border-image-slice: 30;
+        border-width: 0 20px 0px 20px;
+        background: #fff;
 }
 
 :host([is-card-start]) #background {
-  border-radius: 2px 2px 0 0;
+  border-width: 20px 20px 0px 20px;
+        top: -7px;
 }
 
 :host([is-card-end]) #background {
-  border-radius: 0 0 2px 2px;
+  border-width: 0 20px 20px 20px;
+        bottom: -7px;
 }
 
-:host([is-card-start][is-card-end]) #background {
-  border-radius: 2px;
+:host([embedded]) #background {
+  display: none;
 }
 
 </style>
 
     <div id="sizing-container">
       <div id="main-container">
-        <div id="background-clip">
-          <div id="background"></div>
-        </div>
+        <div id="background"></div>
         <div id="date-accessed" class="card-title">
           [[cardTitle_(numberOfItems, item.dateRelativeDay, searchTerm)]]
         </div>