DevTools: [LiveSASS] make selectors and medias read-only for sass rules

third_party/WebKit/Source/devtools/front_end/elements/elementsPanel.css

Index: third_party/WebKit/Source/devtools/front_end/elements/elementsPanel.css
diff --git a/third_party/WebKit/Source/devtools/front_end/elements/elementsPanel.css b/third_party/WebKit/Source/devtools/front_end/elements/elementsPanel.css
index 3064234e715fde2d76b41eda069c7f71e92bc3c8..b5ff71dde7bd82a433b62e2e94e526edecfeae67 100644
--- a/third_party/WebKit/Source/devtools/front_end/elements/elementsPanel.css
+++ b/third_party/WebKit/Source/devtools/front_end/elements/elementsPanel.css
@@ -242,6 +242,10 @@
     color: rgb(85, 85, 85);
 }
 
+.styles-section.sass-style .styles-section-title .media > span {
+    background-color: #eee;
+}

[paulirish, 2016/05/05 02:34:22]

I think we can leave off these styles completely. editability of selectors isn't
that important so we dont need a visual affordance in this case. The feedback
for people that try will be fine.

+
 .styles-section-subtitle {
     color: rgb(85, 85, 85);
     float: right;
@@ -260,6 +264,10 @@
     color: #888;
 }
 
+.styles-section.sass-style .selector {
+    background-color: #eee;
+}
+
 .styles-section .simple-selector.selector-matches, .styles-section.keyframe-key {
     color: #222;
 }