|
|
@@ -314,12 +314,50 @@ body {
|
|
|
border-right: 1px solid #dddddd;
|
|
|
}
|
|
|
|
|
|
+.snippet-icon-image {
|
|
|
+ height: 16px;
|
|
|
+ width: 16px;
|
|
|
+ margin-left: 3px;
|
|
|
+ margin-right: 3px;
|
|
|
+ -webkit-filter: grayscale(1) brightness(1.5);
|
|
|
+ -webkit-filter: grayscale(100%) brightness(150%);
|
|
|
+ filter: grayscale(100%) brightness(150%);
|
|
|
+ -webkit-transition: -webkit-filter 0.2s ease;
|
|
|
+ -moz-transition: filter 0.2s ease;
|
|
|
+ -ms-transition: filter 0.2s ease;
|
|
|
+}
|
|
|
+
|
|
|
+.hover-actions:hover .snippet-icon-image {
|
|
|
+ -webkit-filter: grayscale(0) brightness(1);
|
|
|
+ -webkit-filter: grayscale(0%) brightness(100%);
|
|
|
+ filter: grayscale(0%) brightness(100%);
|
|
|
+}
|
|
|
+
|
|
|
.snippet-icon {
|
|
|
- color: #338bb8;
|
|
|
+ color: #d1d1d1;
|
|
|
height: 16px;
|
|
|
width: 16px;
|
|
|
margin-left: 3px;
|
|
|
margin-right: 3px;
|
|
|
+ -webkit-transition: color 0.2s ease;
|
|
|
+ -moz-transition: color 0.2s ease;
|
|
|
+ -ms-transition: color 0.2s ease;
|
|
|
+}
|
|
|
+
|
|
|
+.hover-actions:hover .snippet-icon {
|
|
|
+ color: #338bb8;
|
|
|
+}
|
|
|
+
|
|
|
+.hover-actions sup,
|
|
|
+.hover-actions .caret {
|
|
|
+ -webkit-transition: color 0.2s ease;
|
|
|
+ -moz-transition: color 0.2s ease;
|
|
|
+ -ms-transition: color 0.2s ease;
|
|
|
+}
|
|
|
+
|
|
|
+.hover-actions:hover sup,
|
|
|
+.hover-actions:hover .caret {
|
|
|
+ color: #338bb8;
|
|
|
}
|
|
|
|
|
|
.row-container.is-editing {
|