[DevTools] Added inline breakpoints

third_party/WebKit/Source/devtools/front_end/text_editor/cmdevtools.css

 .CodeMirror {
     line-height: 1.2em !important;
     background-color: transparent !important;
     color: #222;
 }
 
 .CodeMirror-linewidget {
     overflow: visible !important;
 }
 
@@ skipping 101 matching lines @@
 }
 
 .breakpoints-deactivated .cm-breakpoint .CodeMirror-linenumber {
     opacity: 0.5;
 }
 
 .breakpoints-deactivated .cm-breakpoint-disabled .CodeMirror-linenumber {
     opacity: 0.3;
 }
 
+.cm-inline-breakpoint {
+    position:relative;
+    top: 1px;
+    width: 10px;
+    height: 10px;
+    display: inline-block;
+    -webkit-user-select: none;
+    clip-path: polygon(0% 0%, 60% 0%, 100% 50%, 60% 100%, 0% 100%);

[dgozman, 2016/11/23 23:46:56]

Maybe a mask or an image? UI.Icon ftw!

[kozy, 2016/11/24 01:24:18]

Done.

+    cursor: pointer;
+    background-color: #698cfe;
+}
+
+.cm-execution-line-tail + .CodeMirror-widget {
+    background-color: #abbffe;
+}
+
+.source-frame-eval-expression + .CodeMirror-widget {
+    border: 1px solid rgb(163, 41, 34);
+    border-left-width: 0;
+    border-right-width: 0;
+    background-color: rgb(255, 255, 194);
+}
+
+.cm-inline-breakpoint.cm-execution-line-tail {
+    background-color: #698cfe;
+}
+
+.cm-execution-line-tail .cm-inline-breakpoint {
+    background-color: white
+}
+
+.cm-inline-breakpoint.cm-inline-conditional {
+    background-color: #ef9d0d;
+}
+
+.cm-inline-breakpoint.cm-inline-disabled {
+    opacity: 0.5;
+}
+
 div.CodeMirror span.CodeMirror-matchingbracket {
     background-color: rgba(0, 0, 0, 0.07);
     border-bottom: 1px solid rgba(0, 0, 0, 0.5);
     color: unset;
 }
 
 div.CodeMirror span.CodeMirror-nonmatchingbracket {
     background-color: rgba(255, 0, 0, 0.07);
     border-bottom: 1px solid rgba(255, 0, 0, 0.5);
     color: unset;
@@ skipping 256 matching lines @@
 
 .CodeMirror .auto-complete-text {
     color: rgb(128,128,128);
 }
 
 /** Prevent the codemirror textarea from stealing PageUp events **/
 .CodeMirror textarea {
     resize: none;
     overflow: hidden;
 }