In this document I am using Sass's SCSS syntax. You can choose to use the indented syntax in sass, if you prefer it, it has no functional differences from the SCSS syntax.
For Less, I'm using the JavaScript version because this is what they suggest on the website. The ruby version may be different.
| var jsdom = require('jsdom'), | |
| spawn = require('child_process').spawn; | |
| function createHighchartsWindow(callback) { | |
| var window = jsdom.jsdom().createWindow(), | |
| script = window.document.createElement('script'); | |
| // Convince Highcharts that our window supports SVG's | |
| window.SVGAngle = true; |
| <?xml version="1.0" encoding="UTF-8"?> | |
| <!DOCTYPE syntax SYSTEM "syntax.dtd"> | |
| <syntax> | |
| <head> | |
| <name>Sass</name> | |
| <!-- The definitions title --> | |
| <charsintokens>_0987654321abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ-@$</charsintokens> | |
| <charsincompletion>_0987654321abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ-@$</charsincompletion> | |
| </head> |
| @mixin border-radius($radius, $prefixes: -moz -webkit -o) { | |
| @each $prefix in $prefixes { | |
| #{$prefix}-border-radius:$radius; | |
| } | |
| border-radius:$radius; | |
| } | |
| #id { | |
| @include border-radius(5px, -moz -webkit); |
| require 'formula' | |
| class Varnish3 <Formula | |
| url 'http://repo.varnish-cache.org/source/varnish-3.0.2.tar.gz' | |
| homepage 'http://www.varnish-cache.org/' | |
| md5 'c8eae0aabbe66b6daabdf3a1f58cd47a' | |
| depends_on 'pkg-config' => :build | |
| depends_on 'pcre' => :build |
| (function () { | |
| 'use strict'; | |
| var cluster = require('cluster'), | |
| http = require('http'), | |
| os = require('os'), | |
| /* | |
| * ClusterServer object |
| // Using the Modular Scale plugin along with Compass Vertical Rhythms module. | |
| // The goal is to use MS to give us the values, | |
| // and use VR to apply those values to our typography. | |
| // --------------------------------------------------------------------------- | |
| // Defaults | |
| $base-size: 24px; | |
| $ratio: major-third() fifth(); |
| env = (function() { | |
| var flags = {}, ua = navigator.userAgent, el = document.createElement('div'), video = document.createElement('video'), audio = document.createElement('audio'), root = document.documentElement, i | |
| function flag(names) { | |
| names = names.split(' ') | |
| for (i = 0; i < names.length; i++) | |
| flags[names[i]] = true | |
| } | |
| function classnames() { | |
| var names = [], name | |
| for(name in flags) if (flags.hasOwnProperty(name)) |
| define(function() { | |
| /** | |
| * CSS feature detection | |
| * @param {String} property | |
| * @returns {String} | |
| */ | |
| return function(property) { | |
| var i, len, prop; | |
| var support = ''; |
| /** | |
| * A diff utility that compares arrays and returns a list of added, removed, and updated items | |
| * | |
| * Returns an object with two methods: | |
| * diff: do a one-time diff of two arrays | |
| * watch: observe a variable on scope and report any changes to a callback | |
| * | |
| * Invoking the factory is done like so: | |
| * <code> | |
| * function(listDiff) { |