Add circle logo component to styleguide

Author: vctrfrnndz

index.styl

@@ -30,6 +30,7 @@
 @import 'lib/quotes/index.styl';
 @import 'lib/tooltip/index.styl';
 @import 'lib/try-banner/index.styl';
+@import 'lib/circle-logo/index.styl';
 
 
 .bg-grey

landing/index.jade

@@ -195,6 +195,10 @@ html
             a(name="center-title-content") Center Title Content
           include ../lib/center-title-block/demo
 
+          h5.styled
+            a(name="Circle Logos") Circle Logos
+          include ../lib/circle-logo/demo
+
 
           h5.styled
             a(name="try-banner") Try Auth0

lib/circle-logo/demo.jade

@@ -0,0 +1,150 @@
+.row
+  .col-xs-2  
+    .circle-logo(data-name="auth0")
+      .logo
+      .title Sample
+
+  .col-xs-2  
+    .circle-logo(data-name="angular")
+      .logo
+      .title Sample
+
+  .col-xs-2
+    .circle-logo(data-name="ember")
+      .logo
+      .title Sample
+
+  .col-xs-2
+    .circle-logo(data-name="node")
+      .logo
+      .title Sample
+
+  .col-xs-2
+    .circle-logo(data-name="ruby")
+      .logo
+      .title Sample
+
+  .col-xs-2
+    .circle-logo(data-name="apple")
+      .logo
+      .title Sample
+
+  .col-xs-2
+    .circle-logo(data-name="php")
+      .logo
+      .title Sample
+
+  .col-xs-2
+    .circle-logo(data-name="cordova")
+      .logo
+      .title Sample
+
+  .col-xs-2
+    .circle-logo(data-name="ionic")
+      .logo
+      .title Sample
+
+  .col-xs-2
+    .circle-logo(data-name="java")
+      .logo
+      .title Sample
+
+  .col-xs-2
+    .circle-logo(data-name="jquery")
+      .logo
+      .title Sample
+
+  .col-xs-2
+    .circle-logo(data-name="phonegap")
+      .logo
+      .title Sample
+
+  .col-xs-2
+    .circle-logo(data-name="nancyfx")
+      .logo
+      .title Sample
+
+  .col-xs-2
+    .circle-logo(data-name="net")
+      .logo
+      .title Sample
+
+  .col-xs-2
+    .circle-logo(data-name="netclassic")
+      .logo
+      .title Sample
+
+  .col-xs-2
+    .circle-logo(data-name="python")
+      .logo
+      .title Sample
+
+  .col-xs-2
+    .circle-logo(data-name="scala")
+      .logo
+      .title Sample
+
+  .col-xs-2
+    .circle-logo(data-name="android")
+      .logo
+      .title Sample
+
+  .col-xs-2
+    .circle-logo(data-name="rails")
+      .logo
+      .title Sample
+
+  .col-xs-2
+    .circle-logo(data-name="firebase")
+      .logo
+      .title Sample
+
+  .col-xs-2
+    .circle-logo(data-name="aws")
+      .logo
+      .title Sample
+
+  .col-xs-2
+    .circle-logo(data-name="salesforce")
+      .logo
+      .title Sample
+
+  .col-xs-2
+    .circle-logo(data-name="apache")
+      .logo
+      .title Sample
+
+  .col-xs-2
+    .circle-logo(data-name="xamarin")
+      .logo
+      .title Sample
+
+  .col-xs-2
+    .circle-logo(data-name="windows")
+      .logo
+      .title Sample
+
+  .col-xs-2
+    .circle-logo(data-name="servicestack")
+      .logo
+      .title Sample
+
+  .col-xs-2
+    .circle-logo(data-name="go")
+      .logo
+      .title Sample
+
+  .col-xs-2
+    .circle-logo(data-name="vanillajs")
+      .logo
+      .title Sample
+
+  .col-xs-2
+    .circle-logo(data-name="socketio")
+      .logo
+      .title Sample
+
+  .col-xs-2
+    .circle-logo(data-name="react")
+      .logo
+      .title Sample