Home Explore Help
Register Sign In
lihai
/
pad_spa
Watch 1
Star 0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 8d6c751f49
Branches Tags
pad_spa
/
node_modules
/
less
/
test
/
browser
/
css
/
urls.css

urls.css 5.0 KB
History Raw

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 
  1. @import "http://localhost:8081/test/browser/less/modify-this.css";
    2. 

  2. @import "http://localhost:8081/test/browser/less/modify-again.css";
    3. 

  3. .modify {
    4. 

  4.   my-url: url("http://localhost:8081/test/browser/less/a.png");
    5. 

  5. }
    6. 

  6. .modify {
    7. 

  7.   my-url: url("http://localhost:8081/test/browser/less/b.png");
    8. 

  8. }
    9. 

  9. .gray-gradient {
    10. 

  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. 

  11. }
    12. 

  12. @font-face {
    13. 

  13.   src: url("/fonts/garamond-pro.ttf");
    14. 

  14.   src: local(Futura-Medium), url(http://localhost:8081/test/browser/less/fonts.svg#MyGeometricModern) format("svg");
    15. 

  15.   not-a-comment: url(//z);
    16. 

  16. }
    17. 

  17. #shorthands {
    18. 

  18.   background: url("http://www.lesscss.org/spec.html") no-repeat 0 4px;
    19. 

  19. }
    20. 

  20. #misc {
    21. 

  21.   background-image: url(http://localhost:8081/test/browser/less/images/image.jpg);
    22. 

  22. }
    23. 

  23. #data-uri {
    24. 

  24.   background: url(data:image/png;charset=utf-8;base64,
    25. 

  25.     kiVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAD/
    26. 

  26.     k//+l2Z/dAAAAM0lEQVR4nGP4/5/h/1+G/58ZDrAz3D/McH8yw83NDDeNGe4U
    27. 

  27.     kg9C9zwz3gVLMDA/A6P9/AFGGFyjOXZtQAAAAAElFTkSuQmCC);
    28. 

  28.   background-image: url(data:image/x-png,f9difSSFIIGFIFJD1f982FSDKAA9==);
    29. 

  29.   background-image: url(http://fonts.googleapis.com/css?family=\"Rokkitt\":\(400\),700);
    30. 

  30. }
    31. 

  31. #svg-data-uri {
    32. 

  32.   background: transparent url('data:image/svg+xml, <svg version="1.1"><g></g></svg>');
    33. 

  33. }
    34. 

  34. .comma-delimited {
    35. 

  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. 

  36. }
    37. 

  37. .values {
    38. 

  38.   url: url('http://localhost:8081/test/browser/less/Trebuchet');
    39. 

  39. }
    40. 

  40. #data-uri {
    41. 

  41.   uri: url('http://localhost:8081/test/data/image.jpg');
    42. 

  42. }
    43. 

  43. #data-uri-guess {
    44. 

  44.   uri: url('http://localhost:8081/test/data/image.jpg');
    45. 

  45. }
    46. 

  46. #data-uri-ascii {
    47. 

  47.   uri-1: url('http://localhost:8081/test/data/page.html');
    48. 

  48.   uri-2: url('http://localhost:8081/test/data/page.html');
    49. 

  49. }
    50. 

  50. #data-uri-toobig {
    51. 

  51.   uri: url('http://localhost:8081/test/data/data-uri-fail.png');
    52. 

  52. }
    53. 

  53. #svg-functions {
    54. 

  54.   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');
    55. 

  55.   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');
    56. 

  56.   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');
    57. 

  57. }
    58. 

  58.