| 1 | @import "http://localhost:8081/test/browser/less/modify-this.css";
|
|---|
| 2 | @import "http://localhost:8081/test/browser/less/modify-again.css";
|
|---|
| 3 | .modify {
|
|---|
| 4 | my-url: url("http://localhost:8081/test/browser/less/a.png");
|
|---|
| 5 | }
|
|---|
| 6 | .modify {
|
|---|
| 7 | my-url: url("http://localhost:8081/test/browser/less/b.png");
|
|---|
| 8 | }
|
|---|
| 9 | .gray-gradient {
|
|---|
| 10 | background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201%201%22%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%25%22%20y1%3D%220%25%22%20x2%3D%220%25%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23999999%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%2260%25%22%20stop-color%3D%22%23999999%22%20stop-opacity%3D%220.05%22%2F%3E%3Cstop%20offset%3D%2270%25%22%20stop-color%3D%22%23999999%22%20stop-opacity%3D%220.1%22%2F%3E%3Cstop%20offset%3D%2273%25%22%20stop-color%3D%22%23999999%22%20stop-opacity%3D%220.15%22%2F%3E%3Cstop%20offset%3D%2275%25%22%20stop-color%3D%22%23999999%22%20stop-opacity%3D%220.2%22%2F%3E%3Cstop%20offset%3D%2280%25%22%20stop-color%3D%22%23999999%22%20stop-opacity%3D%220.25%22%2F%3E%3Cstop%20offset%3D%2285%25%22%20stop-color%3D%22%23999999%22%20stop-opacity%3D%220.3%22%2F%3E%3Cstop%20offset%3D%2288%25%22%20stop-color%3D%22%23999999%22%20stop-opacity%3D%220.35%22%2F%3E%3Cstop%20offset%3D%2290%25%22%20stop-color%3D%22%23999999%22%20stop-opacity%3D%220.4%22%2F%3E%3Cstop%20offset%3D%2295%25%22%20stop-color%3D%22%23999999%22%20stop-opacity%3D%220.45%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23999999%22%20stop-opacity%3D%220.5%22%2F%3E%3C%2FlinearGradient%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22url(%23g)%22%20%2F%3E%3C%2Fsvg%3E');
|
|---|
| 11 | }
|
|---|
| 12 | @font-face {
|
|---|
| 13 | src: url("/fonts/garamond-pro.ttf");
|
|---|
| 14 | src: local(Futura-Medium), url(http://localhost:8081/test/browser/less/fonts.svg#MyGeometricModern) format("svg");
|
|---|
| 15 | not-a-comment: url(//z);
|
|---|
| 16 | }
|
|---|
| 17 | #shorthands {
|
|---|
| 18 | background: url("http://www.lesscss.org/spec.html") no-repeat 0 4px;
|
|---|
| 19 | }
|
|---|
| 20 | #misc {
|
|---|
| 21 | background-image: url(http://localhost:8081/test/browser/less/images/image.jpg);
|
|---|
| 22 | }
|
|---|
| 23 | #data-uri {
|
|---|
| 24 | background: url(data:image/png;charset=utf-8;base64,
|
|---|
| 25 | kiVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAD/
|
|---|
| 26 | k//+l2Z/dAAAAM0lEQVR4nGP4/5/h/1+G/58ZDrAz3D/McH8yw83NDDeNGe4U
|
|---|
| 27 | kg9C9zwz3gVLMDA/A6P9/AFGGFyjOXZtQAAAAAElFTkSuQmCC);
|
|---|
| 28 | background-image: url(data:image/x-png,f9difSSFIIGFIFJD1f982FSDKAA9==);
|
|---|
| 29 | background-image: url(http://fonts.googleapis.com/css?family=\"Rokkitt\":\(400\),700);
|
|---|
| 30 | }
|
|---|
| 31 | #svg-data-uri {
|
|---|
| 32 | background: transparent url('data:image/svg+xml, <svg version="1.1"><g></g></svg>');
|
|---|
| 33 | }
|
|---|
| 34 | .comma-delimited {
|
|---|
| 35 | background: url(http://localhost:8081/test/browser/less/bg.jpg) no-repeat, url(http://localhost:8081/test/browser/less/bg.png) repeat-x top left, url(http://localhost:8081/test/browser/less/bg);
|
|---|
| 36 | }
|
|---|
| 37 | .values {
|
|---|
| 38 | url: url('http://localhost:8081/test/browser/less/Trebuchet');
|
|---|
| 39 | }
|
|---|
| 40 | #data-uri {
|
|---|
| 41 | uri: url('http://localhost:8081/test/data/image.jpg');
|
|---|
| 42 | }
|
|---|
| 43 | #data-uri-guess {
|
|---|
| 44 | uri: url('http://localhost:8081/test/data/image.jpg');
|
|---|
| 45 | }
|
|---|
| 46 | #data-uri-ascii {
|
|---|
| 47 | uri-1: url('http://localhost:8081/test/data/page.html');
|
|---|
| 48 | uri-2: url('http://localhost:8081/test/data/page.html');
|
|---|
| 49 | }
|
|---|
| 50 | #svg-functions {
|
|---|
| 51 | background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201%201%22%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%25%22%20y1%3D%220%25%22%20x2%3D%220%25%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23000000%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23ffffff%22%2F%3E%3C%2FlinearGradient%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22url(%23g)%22%20%2F%3E%3C%2Fsvg%3E');
|
|---|
| 52 | background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201%201%22%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%25%22%20y1%3D%220%25%22%20x2%3D%220%25%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23000000%22%2F%3E%3Cstop%20offset%3D%223%25%22%20stop-color%3D%22%23ffa500%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23ffffff%22%2F%3E%3C%2FlinearGradient%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22url(%23g)%22%20%2F%3E%3C%2Fsvg%3E');
|
|---|
| 53 | background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201%201%22%3E%3ClinearGradient%20id%3D%22g%22%20x1%3D%220%25%22%20y1%3D%220%25%22%20x2%3D%220%25%22%20y2%3D%22100%25%22%3E%3Cstop%20offset%3D%221%25%22%20stop-color%3D%22%23c4c4c4%22%2F%3E%3Cstop%20offset%3D%223%25%22%20stop-color%3D%22%23ffa500%22%2F%3E%3Cstop%20offset%3D%225%25%22%20stop-color%3D%22%23008000%22%2F%3E%3Cstop%20offset%3D%2295%25%22%20stop-color%3D%22%23ffffff%22%2F%3E%3C%2FlinearGradient%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%20fill%3D%22url(%23g)%22%20%2F%3E%3C%2Fsvg%3E');
|
|---|
| 54 | }
|
|---|
