ngCss - Angular-powered CSS Preprocessor | Reprocessor

ngCss is a tiny* Angular Directive+Filters+Factory that enables binding of strings and objects (including nested objects) within CSS.

• Minified+compressed script under 2,600 bytes

Features:

• iFrame Sandboxed Javascript evaluation exposing only the $scope to the executed code; making eval far less evil (local scoping also available to access Global scope if required).
• Supports external SCRIPT references within the CSS (e.g. <script src='https://github.com/gka/chroma.js '></script>).
• CSS can be live-bound (changes in $scope are $watch'ed) or updated via the custom $broadcast event updateCss.
• object | css Filter outputs Javascript/JSON objects as CSS to enable mixins, including the ability to nest objects.
• $scope can be initilized within the CSS itself, allowing for all CSS-related information to be co-located within the *.css or STYLE element.
• $scope can be isolated or imported from any Angular $element (e.g. angular.element($element).scope()++).

Visit http://opensourcetaekwondo.com/ngcss/ for examples and documentation.