← Back to branch summary

~ubuntu-branches/ubuntu/vivid/ruby-compass/vivid-proposed

« back to all changes in this revision

Viewing changes to compass-style.org/content/examples/compass/css3/gradient/markup.haml

  • Committer: Package Import Robot
  • Author(s): Jonas Smedegaard
  • Date: 2014-10-23 01:41:15 UTC
  • mfrom: (12.1.4 sid)
  • Revision ID: package-import@ubuntu.com-20141023014115-bfhklnxtb876j1k4
Tags: 1.0.1~dfsg-3
* Fix tighten dependencies on ruby-sass and ruby-chunky-png.
* Adjust watch file to track only stable releases.
* Update Vcs-Browser URL to use cgit web frontend.
* Declare compliance with Debian Policy 3.9.6.
* Add NEWS entry about Blueprint now packaged separately.
* Stop build-depend explicitly on ruby.

Show diffs side-by-side

added added

removed removed

Lines of Context:
compass-style.org/content/examples/compass/css3/gradient/markup.haml
 
1
.ex
 
2
  .gradient-example
 
3
  %p
 
4
    This box has no gradients
 
5
 
 
6
.ex
 
7
  #radial-gradient.gradient-example
 
8
  %p
 
9
    This will yield a radial gradient with an apparent specular highlight  
 
10
 
 
11
.ex
 
12
  #linear-gradient.gradient-example
 
13
  %p
 
14
    This yields a linear gradient spanning from $start to $end coordinates  
 
15
 
 
16
.ex
 
17
  #v-gradient.gradient-example
 
18
  %p
 
19
    This yields a gradient starting at the top with #fff, ending in #aaa  
 
20
 
 
21
.ex
 
22
  #v-gradient-2.gradient-example
 
23
  %p
 
24
    Same as above but with a #ccc at the halfway point  
 
25
 
 
26
.ex
 
27
  #v-gradient-3.gradient-example
 
28
  %p
 
29
    Same as the first example but with #ccc at the
 
30
    30% from the top, and #bbb at 70% from the top  
 
31
 
 
32
 
 
33
.ex
 
34
  #h-gradient.gradient-example
 
35
  %p
 
36
    This yields a horizontal linear gradient spanning from left to right.
 
37
 
 
38
.ex
 
39
  #svg-gradient.gradient-example
 
40
  %p
 
41
    This gradient has SVG support enabled for opera and IE9.
 
42
.ex
 
43
  #angle-gradient.gradient-example
 
44
  %p
 
45
    This gradient uses an angle to specify the gradient direction.
 
46
.ex
 
47
  #angle-gradient-svg.gradient-example
 
48
  %p
 
49
    This is the SVG shim for the angle gradient without it being used
 
50
    as a fallback.