Port Sass to Less

Author: jakezatecky

src/less/react-checkbox-tree.less

@@ -1,6 +1,8 @@
 @rct-icon-color: #33c;
 @rct-label-hover: rgba(red(@rct-icon-color), green(@rct-icon-color), blue(@rct-icon-color), .1);
 @rct-label-active: rgba(red(@rct-icon-color), green(@rct-icon-color), blue(@rct-icon-color), .15);
+@rct-label-hover: rgba(red(@rct-icon-color), green(@rct-icon-color), blue(@rct-icon-color), .1);
+@rct-label-active: rgba(red(@rct-icon-color), green(@rct-icon-color), blue(@rct-icon-color), .2);
 
 .react-checkbox-tree {
   font-size: 16px;
@@ -117,6 +119,19 @@
   }
 }
 
+.rct-node-clickable {
+  cursor: pointer;
+
+  &:hover {
+    background: @rct-clickable-hover;
+  }
+
+  &:focus {
+    outline: 0;
+    background: @rct-clickable-focus;
+  }
+}
+
 .rct-node-icon {
   color: @rct-icon-color;
 }