mirror of
https://github.com/less/less.js.git
synced 2026-01-22 21:58:14 -05:00
54 lines
3.3 KiB
CSS
54 lines
3.3 KiB
CSS
@import "http://localhost:8081/browser/less/modify-this.css";
|
|
@import "http://localhost:8081/browser/less/modify-again.css";
|
|
.modify {
|
|
my-url: url("http://localhost:8081/browser/less/a.png");
|
|
}
|
|
.modify {
|
|
my-url: url("http://localhost:8081/browser/less/b.png");
|
|
}
|
|
@font-face {
|
|
src: url("/fonts/garamond-pro.ttf");
|
|
src: local(Futura-Medium), url(http://localhost:8081/browser/less/fonts.svg#MyGeometricModern) format("svg");
|
|
}
|
|
#shorthands {
|
|
background: url("http://www.lesscss.org/spec.html") no-repeat 0 4px;
|
|
}
|
|
#misc {
|
|
background-image: url(http://localhost:8081/browser/less/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(http://localhost:8081/browser/less/bg.jpg) no-repeat, url(http://localhost:8081/browser/less/bg.png) repeat-x top left, url(http://localhost:8081/browser/less/bg);
|
|
}
|
|
.values {
|
|
url: url('http://localhost:8081/browser/less/Trebuchet');
|
|
}
|
|
#data-uri {
|
|
uri: url('http://localhost:8081/browser/less/../../data/image.jpg');
|
|
}
|
|
#data-uri-guess {
|
|
uri: url('http://localhost:8081/browser/less/../../data/image.jpg');
|
|
}
|
|
#data-uri-ascii {
|
|
uri-1: url('http://localhost:8081/browser/less/../../data/page.html');
|
|
uri-2: url('http://localhost:8081/browser/less/../../data/page.html');
|
|
}
|
|
#data-uri-toobig {
|
|
uri: url('http://localhost:8081/browser/less/../../data/data-uri-fail.png');
|
|
}
|
|
#svg-functions {
|
|
background-image: url('data:image/svg+xml,<?xml version="1.0" ?><svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none"><linearGradient id="gradient" gradientUnits="userSpaceOnUse" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" stop-color="#000000"/><stop offset="100%" stop-color="#ffffff"/></linearGradient><rect x="0" y="0" width="1" height="1" fill="url(#gradient)" /></svg>');
|
|
background-image: url('data:image/svg+xml,<?xml version="1.0" ?><svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none"><linearGradient id="gradient" gradientUnits="userSpaceOnUse" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="0%" stop-color="#000000"/><stop offset="3%" stop-color="#ffa500"/><stop offset="100%" stop-color="#ffffff"/></linearGradient><rect x="0" y="0" width="1" height="1" fill="url(#gradient)" /></svg>');
|
|
background-image: url('data:image/svg+xml,<?xml version="1.0" ?><svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none"><linearGradient id="gradient" gradientUnits="userSpaceOnUse" x1="0%" y1="0%" x2="0%" y2="100%"><stop offset="1%" stop-color="#c4c4c4"/><stop offset="3%" stop-color="#ffa500"/><stop offset="5%" stop-color="#008000"/><stop offset="95%" stop-color="#ffffff"/></linearGradient><rect x="0" y="0" width="1" height="1" fill="url(#gradient)" /></svg>');
|
|
}
|