[DevTools] Extract small-bubble component.

third_party/WebKit/Source/devtools/front_end/ui/inspectorStyle.css

 /*
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 65 matching lines @@
     background-color: white;
 }
 
 .toolbar-background {
     padding-left: 1px;
     border-bottom: 1px solid rgb(64%, 64%, 64%);
     background-origin: padding-box;
     background-clip: padding-box;
 }
 
-.bubble-repeat-count {
-    display: inline-block;
-    height: 14px;
-    background-color: rgb(128, 151, 189);
-    vertical-align: middle;
-    white-space: nowrap;
-    padding: 1px 4px;
-    text-align: left;
-    font-size: 11px;
-    line-height: normal;
-    font-weight: bold;
-    text-shadow: none;
-    color: white;
-    margin-top: -1px;
-    border-radius: 7px;
-}
-
 .error-message {
     color: red;
 }
 
 .-theme-with-dark-background .error-message {
     color: hsl(0, 100%, 65%);
 }
 
 .panel {
     display: flex;
@@ skipping 302 matching lines @@
     height: 16px;
     margin-top: 9px;
     margin-left: 4px;
     line-height: 1em;
 }
 
 li .status:empty {
     display: none;
 }
 
-li .status .bubble-repeat-count:empty {
-    display: none;
-}
-
-li.selected .status .bubble-repeat-count {
-    background-color: white !important;
-    color: rgb(132, 154, 190) !important;
-}
-
-:focus li.selected .status .bubble-repeat-count {
-    color: rgb(36, 98, 172) !important;
-}
-
-body.inactive li.selected .status .bubble-repeat-count {
-    color: rgb(159, 159, 159) !important;
-}
-
 .sidebar-tree.small .sidebar-tree-item,
 .sidebar-tree .children.small .sidebar-tree-item,
 .sidebar-tree-item.small {
     height: 20px;
 }
 
 .sidebar-tree.small .sidebar-tree-item .icon,
 .sidebar-tree .children.small .sidebar-tree-item .icon,
 .sidebar-tree-item.small .icon {
     width: 16px;
@@ skipping 62 matching lines @@
 .sidebar-tree.small .sidebar-tree-item .subtitle,
 .sidebar-tree .children.small .sidebar-tree-item .subtitle,
 .sidebar-tree-item.small .subtitle {
     display: none;
 }
 
 .sidebar-tree-item.selected .subtitle {
     color: white;
 }
 
-.bubble-repeat-count.debug,
-.console-debug-level .bubble-repeat-count {
-    background-color: rgb(0, 0, 255) !important;
-}
-
-.bubble-repeat-count.warning,
-.console-warning-level .bubble-repeat-count {
-    background-color: rgb(232, 164, 0) !important;
-}
-
-.bubble-repeat-count.error,
-.console-error-level .bubble-repeat-count {
-    background-color: rgb(216, 35, 35) !important;
-}
-
 .soft-context-menu-glass-pane {
     z-index: 20000;
 }
 
 .root-view {
     background-color: white;
     overflow: hidden;
     position: absolute !important;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
 }
 
 .drawer-toolbar {
     margin-right: -6px;
 }