angular.module('sgApp')
  .controller('ElementCtrl', function($scope, $stateParams, $state,
    $rootScope, Styleguide) {

    var section = $stateParams.section.split('-'),
      reference = section[0],
      modifier = section[1];

    Styleguide.get()
      .success(function(data) {
        var result = data.sections.filter(function(item) {
          return reference == item.reference;
        }),
        element = result[0];
        if (modifier) {
          element = element.modifiers[modifier - 1];
        }
        $scope.section = element;
      })
      .error(function() {
        console.log('error');
      });

  });

@@ -547,16 +547,331 @@
 lement;%0A
+        $scope.sections = data.sections;%0A        $rootScope.config = data.config%0A%0A        // Load config.settings from localStorage if possible%0A        var variables = localStorageService.get('variables');%0A        if (variables) %7B%0A          $rootScope.config.settings = variables;%0A        %7D%0A%0A        generateCss();%0A
       %7D)

Generate CSS for a single one color example