Fundacja Nowoczesna Polska | Kod - redakcja.git/blob

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