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.
| //Wait for relevant code bits to load before starting any tests | |
| define(['core.js'], function( core ) { | |
| module("Core Tests"); | |
| test("Test core methods", function(){ | |
| expect(2); | |
| equals( 1, 1, "A trivial test"); | |
| ok( true, "Another trivial test"); | |
| }); |
| /* | |
| * anchor-include pattern for already-functional links that work as a client-side include | |
| * Copyright 2011, Scott Jehl, scottjehl.com | |
| * Dual licensed under the MIT | |
| * Idea from Scott Gonzalez | |
| * to use, place attributes on an already-functional anchor pointing to content | |
| * that should either replace, or insert before or after that anchor | |
| * after the page has loaded | |
| * Replace: <a href="..." data-replace="articles/latest/fragment">Latest Articles</a> | |
| * Before: <a href="..." data-before="articles/latest/fragment">Latest Articles</a> |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Table Display test</title> | |
| <style> | |
| @media screen and (min-width: 30em) { | |
| body { | |
| display: table; | |
| caption-side: top; | |
| } |
| var diacriticsMap = [ | |
| {'base':'A', 'letters':/[\u0041\u24B6\uFF21\u00C0\u00C1\u00C2\u1EA6\u1EA4\u1EAA\u1EA8\u00C3\u0100\u0102\u1EB0\u1EAE\u1EB4\u1EB2\u0226\u01E0\u01DE\u1EA2\u00C5\u01FA\u01CD\u0200\u0202\u1EA0\u1EAC\u1EB6\u1E00\u0104\u023A\u2C6F]/g}, | |
| {'base':'AA','letters':/[\uA732]/g}, | |
| {'base':'AE','letters':/[\u00C4\u00C6\u01FC\u01E2]/g}, | |
| {'base':'AO','letters':/[\uA734]/g}, | |
| {'base':'AU','letters':/[\uA736]/g}, | |
| {'base':'AV','letters':/[\uA738\uA73A]/g}, | |
| {'base':'AY','letters':/[\uA73C]/g}, | |
| {'base':'B', 'letters':/[\u0042\u24B7\uFF22\u1E02\u1E04\u1E06\u0243\u0182\u0181]/g}, | |
| {'base':'C', 'letters':/[\u0043\u24B8\uFF23\u0106\u0108\u010A\u010C\u00C7\u1E08\u0187\u023B\uA73E]/g}, |
| // http://paulirish.com/2011/requestanimationframe-for-smart-animating/ | |
| // http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating | |
| // requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel | |
| // MIT license | |
| (function() { | |
| var lastTime = 0; | |
| var vendors = ['ms', 'moz', 'webkit', 'o']; |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Responsive Design Testing</title> | |
| <style> | |
| body { margin: 20px; font-family: sans-serif; overflow-x: scroll; } | |
| .wrapper { width: 6000px; } | |
| .frame { float: left; } | |
| h2 { margin: 0 0 5px 0; } |
| var MyApp = {}; | |
| MyApp.Router = Backbone.Router.extend({ | |
| routes: { | |
| // general routes for cross-app functionality | |
| "" : "showGeneralHomepage", | |
| "cart" : "showShoppingCart", | |
| "account" : "showMyAccount", | |
| // module-specific subroutes: |
| { | |
| // -------------------------------------------------------------------- | |
| // JSHint Configuration, Strict Edition | |
| // -------------------------------------------------------------------- | |
| // | |
| // This is a options template for [JSHint][1], using [JSHint example][2] | |
| // and [Ory Band's example][3] as basis and setting config values to | |
| // be most strict: | |
| // | |
| // * set all enforcing options to true |
| var p1 = { | |
| x: 20, | |
| y: 20 | |
| }; | |
| var p2 = { | |
| x: 40, | |
| y: 40 | |
| }; |
