src/resources/themes/vendor/compass-recipes/tests/recipes/background/index.html

   1 <!doctype html>
   2 <link rel="stylesheet" href="s.css" />
   3 <h1>Tests for <a href="../">recipes</a>/background</h1>
   4
   5 <h2>Patterns</h2>
   6
   7 <p class="doc">
   8     See <a href="http://lea.verou.me/css3patterns/">http://lea.verou.me/css3patterns/</a> for most of originals patterns
   9 </p>
  10
  11 <div class="background-blueprint-grid"></div>
  12
  13 <div class="background-noise"></div>
  14
  15 <div class="background-radial-overlay"></div>
  16
  17 <div class="background-tartan"></div>
  18
  19 <div class="background-carbon-fiber"></div>
  20
  21 <div class="background-horizontal-stripes"></div>
  22
  23 <div class="background-diagonal-stripes"></div>
  24
  25 <div class="background-stripes-cicada"></div>
  26
  27 <div class="background-tablecloth"></div>
  28
  29 <div class="background-lined-paper"></div>
  30
  31 <div class="background-madras"></div>
  32
  33 <div class="background-checkerboard"></div>
  34
  35 <div class="background-checkerboard-diagonal"></div>
  36
  37 <div class="background-houndstooth"></div>
  38
  39 <div class="background-polka-dot"></div>
  40
  41 <h2>Gradients</h2>
  42
  43 <p class="doc">
  44     In order: Matte, glossy, bevel, recessed, and a mixed demo.
  45 </p>
  46
  47 <div class="background-matte"></div>
  48
  49 <div class="background-glossy"></div>
  50
  51 <div class="background-bevel"></div>
  52
  53 <div class="background-recessed"></div>
  54
  55 <div class="background-mixed"></div>