urls.less 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. @font-face {
  2. src: url("/fonts/garamond-pro.ttf");
  3. src: local(Futura-Medium),
  4. url(fonts.svg#MyGeometricModern) format("svg");
  5. }
  6. #shorthands {
  7. background: url("http://www.lesscss.org/spec.html") no-repeat 0 4px;
  8. background: url("img.jpg") center / 100px;
  9. background: #fff url(image.png) center / 1px 100px repeat-x scroll content-box padding-box;
  10. }
  11. #misc {
  12. background-image: url(images/image.jpg);
  13. }
  14. #data-uri {
  15. background: url(data:image/png;charset=utf-8;base64,
  16. kiVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAD/
  17. k//+l2Z/dAAAAM0lEQVR4nGP4/5/h/1+G/58ZDrAz3D/McH8yw83NDDeNGe4U
  18. kg9C9zwz3gVLMDA/A6P9/AFGGFyjOXZtQAAAAAElFTkSuQmCC);
  19. background-image: url(data:image/x-png,f9difSSFIIGFIFJD1f982FSDKAA9==);
  20. background-image: url(http://fonts.googleapis.com/css?family=\"Rokkitt\":\(400\),700);
  21. background-image: url("http://fonts.googleapis.com/css?family=\"Rokkitt\":\(400\),700");
  22. }
  23. #svg-data-uri {
  24. background: transparent url('data:image/svg+xml, <svg version="1.1"><g></g></svg>');
  25. }
  26. .comma-delimited {
  27. background: url(bg.jpg) no-repeat, url(bg.png) repeat-x top left, url(bg);
  28. }
  29. .values {
  30. @a: 'Trebuchet';
  31. url: url(@a);
  32. }
  33. @import "../import/imports/font";
  34. #data-uri {
  35. uri: data-uri('image/jpeg;base64', '../../data/image.jpg');
  36. }
  37. #data-uri-guess {
  38. uri: data-uri('../../data/image.jpg');
  39. }
  40. #data-uri-ascii {
  41. uri-1: data-uri('text/html', '../../data/page.html');
  42. uri-2: data-uri('../../data/page.html');
  43. }
  44. #svg-functions {
  45. background-image: svg-gradient(to bottom, black, white);
  46. background-image: svg-gradient(to bottom, black, orange 3%, white);
  47. @green_5: green 5%;
  48. @orange_percentage: 3%;
  49. @orange_color: orange;
  50. background-image: svg-gradient(to bottom, (mix(black, white) + #444) 1%, @orange_color @orange_percentage, ((@green_5)), white 95%);
  51. }
  52. #data-uri-with-spaces {
  53. background-image: url( data:image/x-png,f9difSSFIIGFIFJD1f982FSDKAA9==);
  54. background-image: url( ' data:image/x-png,f9difSSFIIGFIFJD1f982FSDKAA9==');
  55. }