github/less.js
1
1
Fork 0
mirror of https://github.com/less/less.js.git synced 2026-02-09 06:25:24 -05:00
Code Issues Packages Projects Releases Wiki Activity

Add failing test for imported mixin with wrong path

Browse Source 
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
This commit is contained in:
Brian Dukes
2013-07-11 15:04:52 -05:00
parent 290376f4eb
commit 05be360993
4 changed files with 28 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
test/css/static-urls/urls.css
View File

@@ -40,3 +40,7 @@
#secret {
font-family: xecret, sans-serif;
}
#imported-relative-path {
background-image: url(folder\ \(1\)/../../data/image.jpg);
border-image: url('folder (1)/../../data/image.jpg');
}

8
test/css/urls.css
View File

@@ -44,6 +44,14 @@
#secret {
font-family: xecret, sans-serif;
}
#imported-relative-path {
background-image: url(import/../../data/image.jpg);
border-image: url('import/../../data/image.jpg');
}
#relative-url-import {
background-image: url(import/../../data/image.jpg);
border-image: url('import/../../data/image.jpg');
}
#data-uri {
uri: url('data:image/jpeg;base64,bm90IGFjdHVhbGx5IGEganBlZyBmaWxlCg==');
}

11
test/less/import/import-and-relative-paths-test.less
View File

@@ -4,3 +4,14 @@
@import "imports/logo";
@import "imports/font";
.unquoted-relative-path-bg() {
background-image: url(../../data/image.jpg);
}
.quoted-relative-path-border-image() {
border-image: url('../../data/image.jpg');
}
#imported-relative-path {
.unquoted-relative-path-bg;
.quoted-relative-path-border-image;
}

5
test/less/urls.less
View File

@@ -34,6 +34,11 @@
@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');
}