icon

components/font_icon/index.cjsx

@@ -1,4 +1,4 @@
-require './style'
+localCSS = require './style'
 
 module.exports = React.createClass
 
@@ -8,4 +8,5 @@ module.exports = React.createClass
 
   # -- Render
   render: ->
-    <span data-component-fonticon className="icon #{@props.value}" />
+    className = "#{localCSS.root} #{@props.value}"
+    <span data-react-toolbox='icon' className={className} />

components/font_icon/style.styl

@@ -1,7 +1,7 @@
 @import '../constants.styl'
 @import url('https://fonts.googleapis.com/icon?family=Material+Icons')
 
-[data-component-fonticon]
+:local(.root)
   display                       : inline-block
   font-family                   : 'Material Icons'
   font-weight                   : normal