← Back to branch summary

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

« back to all changes in this revision

Viewing changes to doc-src/content/examples/compass/css3/gradient/stylesheet.sass

  • 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:
doc-src/content/examples/compass/css3/gradient/stylesheet.sass
1
 
@import compass
2
 
.ex
3
 
  width: 48%
4
 
  margin-right: 2%
5
 
  float: left
6
 
  +clearfix
7
 
 
8
 
.gradient-example
9
 
  width: 80px
10
 
  height: 80px
11
 
  background: red
12
 
  float: left
13
 
  margin: 1em 1em 0 0
14
 
 
15
 
// This will yield a radial gradient with an apparent specular highlight  
16
 
#radial-gradient
17
 
  +background-image(radial-gradient(45px 45px, #0ff 10px, #1e90ff 30px))
18
 
 
19
 
// This yields a linear gradient spanning from the upper left corner to the lower right corner
20
 
#linear-gradient
21
 
  +background-image(linear-gradient(left top, #fff, #ddd))
22
 
 
23
 
// This yields a gradient starting at the top with #fff, ending in #aaa  
24
 
#v-gradient
25
 
  +background-image(linear-gradient(#fff, #aaa))
26
 
 
27
 
// Same as above but with a #ccc at the halfway point  
28
 
#v-gradient-2
29
 
  +background-image(linear-gradient(#fff, #ccc, #aaa))
30
 
 
31
 
// Same as the first example but with #ccc at the 30% from the top, and #bbb at 70% from the top  
32
 
#v-gradient-3
33
 
  +background-image(linear-gradient(#fff, #ccc 30%, #bbb 70%, #aaa))
34
 
 
35
 
// This yields a horizontal linear gradient spanning from left to right.
36
 
#h-gradient
37
 
  +background-image(linear-gradient(left, #fff, #ddd))
38
 
 
39
 
#svg-gradient
40
 
  $experimental-support-for-svg: true
41
 
  +background-image(linear-gradient(left, #2ac363, #cd8c14, #9c4cc2))
42
 
  width: 80px
43
 
  height: 80px