Devtools: [LayoutEditor] highlight changed value in the SSP

Source/devtools/front_end/elements/elementsPanel.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 180 matching lines @@
 
 .styles-section .style-properties li.filter-match,
 .styles-section .simple-selector.filter-match {
     background-color: rgba(255, 255, 0, 0.5);
 }
 
 .styles-section .style-properties li.overloaded.filter-match {
     background-color: rgba(255, 255, 0, 0.25);
 }
 
+.styles-section .style-properties li .css-update-highlight {
+    border-radius: 2px;
+}
+
+.styles-section .style-properties li .css-update-highlight.first-part {
+    color: white !important;
+}
+
 .styles-section .style-properties li.not-parsed-ok .exclamation-mark {
     display: inline-block;
     position: relative;
     width: 11px;
     height: 10px;
     margin: 0 7px 0 0;
     top: 1px;
     left: -36px; /* outdent to compensate for the top-level property indent */
     -webkit-user-select: none;
     cursor: default;
@@ skipping 515 matching lines @@
 
 .style-properties li.editing-sub-part {
     padding: 3px 6px 8px 18px;
     margin: -1px -6px -8px -6px;
     text-overflow: clip;
 }
 
 .properties-widget-section {
     padding: 2px 0px 2px 5px;
 }