openrat-cms

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README

less_test.min.js (1871B)


      1 // CodeMirror, copyright (c) by Marijn Haverbeke and others
      2 // Distributed under an MIT license: http://codemirror.net/LICENSE
      3 
      4 (function() {
      5   "use strict";
      6 
      7   var mode = CodeMirror.getMode({indentUnit: 2}, "text/x-less");
      8   function MT(name) { test.mode(name, mode, Array.prototype.slice.call(arguments, 1), "less"); }
      9 
     10   MT("variable",
     11      "[variable-2 @base]: [atom #f04615];",
     12      "[qualifier .class] {",
     13      "  [property width]: [variable percentage]([number 0.5]); [comment // returns `50%`]",
     14      "  [property color]: [variable saturate]([variable-2 @base], [number 5%]);",
     15      "}");
     16 
     17   MT("amp",
     18      "[qualifier .child], [qualifier .sibling] {",
     19      "  [qualifier .parent] [atom &] {",
     20      "    [property color]: [keyword black];",
     21      "  }",
     22      "  [atom &] + [atom &] {",
     23      "    [property color]: [keyword red];",
     24      "  }",
     25      "}");
     26 
     27   MT("mixin",
     28      "[qualifier .mixin] ([variable dark]; [variable-2 @color]) {",
     29      "  [property color]: [atom darken]([variable-2 @color], [number 10%]);",
     30      "}",
     31      "[qualifier .mixin] ([variable light]; [variable-2 @color]) {",
     32      "  [property color]: [atom lighten]([variable-2 @color], [number 10%]);",
     33      "}",
     34      "[qualifier .mixin] ([variable-2 @_]; [variable-2 @color]) {",
     35      "  [property display]: [atom block];",
     36      "}",
     37      "[variable-2 @switch]: [variable light];",
     38      "[qualifier .class] {",
     39      "  [qualifier .mixin]([variable-2 @switch]; [atom #888]);",
     40      "}");
     41 
     42   MT("nest",
     43      "[qualifier .one] {",
     44      "  [def @media] ([property width]: [number 400px]) {",
     45      "    [property font-size]: [number 1.2em];",
     46      "    [def @media] [attribute print] [keyword and] [property color] {",
     47      "      [property color]: [keyword blue];",
     48      "    }",
     49      "  }",
     50      "}");
     51 
     52 
     53   MT("interpolation", ".@{[variable foo]} { [property font-weight]: [atom bold]; }");
     54 })();