NTP Cleanup: Remove support for "icons" layout

chrome/browser/resources/local_ntp/most_visited_single.css

Index: chrome/browser/resources/local_ntp/most_visited_single.css
diff --git a/chrome/browser/resources/local_ntp/most_visited_single.css b/chrome/browser/resources/local_ntp/most_visited_single.css
index 84109232f1ca3b61344ce151f01ba86c5b730d63..349fcd2e8c7452cf646ce812919e7a44b2d4d4d6 100644
--- a/chrome/browser/resources/local_ntp/most_visited_single.css
+++ b/chrome/browser/resources/local_ntp/most_visited_single.css
@@ -47,13 +47,6 @@ a:visited {
   line-height: 146px;
 }
 
-.icon-ntp #mv-tiles,
-.icon-ntp .mv-tiles-old {
-  height: calc(2 * 112px);
-  line-height: 112px;
-  width: 100%;
-}
-
 .mv-tile,
 .mv-empty-tile {
   box-sizing: border-box;
@@ -84,15 +77,6 @@ a:visited {
   width: calc(156px - 2px);
 }
 
-.icon-ntp .mv-tile,
-.icon-ntp .mv-empty-tile {
-  border: none;
-  border-radius: 2px;
-  height: calc(102px + 18px - 12px);
-  margin: 0 12px 4px 12px;
-  width: calc(48px + 2 * 18px);
-}
-
 .mv-tile {
   -webkit-transition-duration: 200ms;
   -webkit-transition-property: -webkit-transform, border,
@@ -105,14 +89,6 @@ a:visited {
   box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1), 0 4px 8px 0 rgba(0,0,0,0.2);
 }
 
-.icon-ntp .mv-tile:focus {
-  background: rgba(0,0,0,0.2);
-}
-
-.icon-ntp.dark .mv-tile:focus {
-  background: rgba(255,255,255,0.2);
-}
-
 .mv-tile.blacklisted {
   -webkit-transform: scale(0, 0);
   border: none !important;
@@ -179,17 +155,6 @@ html[dir=rtl] .thumb-ntp .mv-title[style*='direction: rtl'] {
   text-align: right;
 }
 
-.icon-ntp .mv-title {
-  height: 28px;
-  left: auto;
-  line-height: 117%;
-  right: auto;
-  text-align: center;
-  top: 76px;
-  width: 100%;
-  z-index: 5;
-}
-
 .mv-thumb {
   border: none;
   cursor: pointer;
@@ -230,16 +195,6 @@ html[dir=rtl] .thumb-ntp .mv-title[style*='direction: rtl'] {
   width: 148px;
 }
 
-.icon-ntp .mv-thumb,
-.icon-ntp .mv-thumb-fallback {
-  background: transparent;
-  height: 48px;
-  left: 50%;
-  margin-left: -24px;
-  top: 18px;
-  width: 48px;
-}
-
 /* We use ::after without content to provide an aditional element on top of the
  * thumbnail. */
 .mv-thumb.failed-img::after {
@@ -267,14 +222,6 @@ html[dir=rtl] .thumb-ntp .mv-title[style*='direction: rtl'] {
   width: 40px;
 }
 
-.icon-ntp .mv-x {
-  background: none;
-  height: 16px;
-  right: 10px;
-  top: 10px;
-  width: 16px;
-}
-
 /* We use ::after without content to provide the masked X element. The "bottom"
  * div is actually just the gradient. */
 .mv-x::after {
@@ -293,16 +240,6 @@ html[dir=rtl] .thumb-ntp .mv-title[style*='direction: rtl'] {
   width: 32px;
 }
 
-.icon-ntp .mv-x::after {
-  -webkit-mask: none;
-  background-color: inherit;
-  background-image: -webkit-image-set(
-      url(chrome-search://local-ntp/images/close_4_button.png) 1x,
-      url(chrome-search://local-ntp/images/close_4_button.png@2x) 2x);
-  height: 16px;
-  width: 16px;
-}
-
 html[dir=rtl] .thumb-ntp .mv-x {
   background: linear-gradient(to right, rgb(242,242,242) 60%, transparent);
   left: -1px;
@@ -314,11 +251,6 @@ html[dir=rtl] .thumb-ntp .mv-x::after {
   right: auto;
 }
 
-html[dir=rtl] .icon-ntp .mv-x {
-  left: 10px;
-  right: auto;
-}
-
 .thumb-ntp .mv-x:hover::after {
   background-color: rgb(90,90,90);
 }
@@ -327,20 +259,11 @@ html[dir=rtl] .icon-ntp .mv-x {
   background-color: rgb(66,133,244);
 }
 
-.icon-ntp .mv-x:hover::after,
-.icon-ntp .mv-x:active::after {
-  background-color: inherit;
-}
-
 .mv-tile:hover .mv-x {
   -webkit-transition-delay: 500ms;
   opacity: 1;
 }
 
-.icon-ntp .mv-tile:hover .mv-x {
-  -webkit-transition-delay: 800ms;
-}
-
 .mv-x:hover {
   -webkit-transition: none;
 }