1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556 |
- #strings {
- background-image: url("http://son-of-a-banana.com");
- quotes: "~" "~";
- content: "#*%:&^,)!.(~*})";
- empty: "";
- brackets: "{" "}";
- escapes: "\"hello\" \\world";
- escapes2: "\"llo";
- }
- #comments {
- content: "/* hello */ // not-so-secret";
- }
- #single-quote {
- quotes: "'" "'";
- content: '""#!&""';
- empty: '';
- semi-colon: ';';
- }
- #escaped {
- filter: DX.Transform.MS.BS.filter(opacity=50);
- }
- #one-line {
- image: url(http://tooks.com);
- }
- #crazy {
- image: url(http://), "}", url("http://}");
- }
- #interpolation {
- url: "http://lesscss.org/dev/image.jpg";
- url2: "http://lesscss.org/image-256.jpg";
- url3: "http://lesscss.org#456";
- url4: "http://lesscss.org/hello";
- url5: "http://lesscss.org/54.4px";
- }
- .mix-mul-class {
- color: blue;
- color: red;
- color: black;
- color: orange;
- }
- .watermark {
- family: Univers, Arial, Verdana, San-Serif;
- }
- #iterated-interpolation .mixin {
- width: 100px;
- weird: 100px;
- width-str: "100px";
- weird-str: "100px";
- }
- #iterated-interpolation .interpolation-mixin {
- width: 100px;
- weird: 100px;
- width-str: "100px";
- weird-str: "100px";
- }
|