Files
less.js/test/less/urls.less
Brian Dukes 05be360993 Add failing test for imported mixin with wrong path
When relative URLs are on, and there's an image referenced via url(...),
if the URL is unquoted, the generated CSS duplicates the base path
2013-07-11 15:04:52 -05:00

63 lines
1.6 KiB
Plaintext

@font-face {
src: url("/fonts/garamond-pro.ttf");
src: local(Futura-Medium),
url(fonts.svg#MyGeometricModern) format("svg");
}
#shorthands {
background: url("http://www.lesscss.org/spec.html") no-repeat 0 4px;
background: url("img.jpg") center / 100px;
background: #fff url(image.png) center / 1px 100px repeat-x scroll content-box padding-box;
}
#misc {
background-image: url(images/image.jpg);
}
#data-uri {
background: url(data:image/png;charset=utf-8;base64,
kiVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAD/
k//+l2Z/dAAAAM0lEQVR4nGP4/5/h/1+G/58ZDrAz3D/McH8yw83NDDeNGe4U
kg9C9zwz3gVLMDA/A6P9/AFGGFyjOXZtQAAAAAElFTkSuQmCC);
background-image: url(data:image/x-png,f9difSSFIIGFIFJD1f982FSDKAA9==);
background-image: url(http://fonts.googleapis.com/css?family=\"Rokkitt\":\(400\),700);
}
#svg-data-uri {
background: transparent url('data:image/svg+xml, <svg version="1.1"><g></g></svg>');
}
.comma-delimited {
background: url(bg.jpg) no-repeat, url(bg.png) repeat-x top left, url(bg);
}
.values {
@a: 'Trebuchet';
url: url(@a);
}
@import "import/import-and-relative-paths-test";
#relative-url-import {
.unquoted-relative-path-bg;
.quoted-relative-path-border-image;
}
#data-uri {
uri: data-uri('image/jpeg;base64', '../data/image.jpg');
}
#data-uri-guess {
uri: data-uri('../data/image.jpg');
}
#data-uri-ascii {
uri-1: data-uri('text/html', '../data/page.html');
uri-2: data-uri('../data/page.html');
}
#data-uri-toobig {
uri: data-uri('../data/data-uri-fail.png');
}
.add_an_import(@file_to_import) {
@import "@{file_to_import}";
}
.add_an_import("file.css");