styl.styl

   1 body
   2         margin: 0px
   3         padding: 10px
   4         font: 15 Arimo, Arial, sans-serif
   5 h1
   6         font-size: 28px
   7         margin: 0
   8 p
   9         margin: 0
  10 * p
  11         margin-top: 10px
  12
  13 .crayon_mockup
  14
  15         svg
  16                 path
  17                         fill: none
  18                         stroke: #8c8c8c
  19                         stroke-width: 5
  20                         stroke-linecap: butt
  21                         stroke-linejoin: round
  22                         stroke-miterlimit: 4
  23                         stroke-opacity: 1
  24                         stroke-dasharray: none
  25                         filter: url(#crayon)
  26                 rect
  27                         fill: none
  28                 rect.canvas_border
  29                         overflow: hidden;
  30                         stroke: #ccc;
  31                         stroke-width: 2;
  32                         stroke-linecap: butt;
  33                         stroke-linejoin:miter;
  34                         stroke-dasharray:2 4;
  35                         stroke-dashoffset:1;
  36                         //stroke-opacity:1;marker:none;enable-background:accumulate
  37                 rect.box
  38                         stroke: #8c8c8c;
  39                         stroke-width: 4;
  40                         stroke-linecap: butt;
  41                         stroke-linejoin:miter;
  42                         filter: url(#crayon);