Sha256: c344ce23a4d269b873ad02828a231ede874aab751a6215472a46f8586885e300

Contents?: true

Size: 1.96 KB

Versions: 18

Compression:

Stored size: 1.96 KB

Contents

@import compass/css3

.linear-1
  +linear-gradient(color_stops(#dddddd, #aaaaaa))

.linear-2
  +linear-gradient(color_stops(#dddddd, #aaaaaa), left)

.linear-3
  +linear-gradient(color_stops(#dddddd, #aaaaaa), unquote("top left"))

.linear-4
  +linear-gradient(color_stops(#dddddd, #aaaaaa), unquote("top right"))

.linear-5
  +linear-gradient(color_stops(#dddddd, #cccccc, #aaaaaa))

.linear-6
  +linear-gradient(color_stops(#dddddd, #cccccc 20%, #aaaaaa))

.linear-7
  +linear-gradient(color_stops(#dddddd, #cccccc 20%, #eeeeee, #aaaaaa))

.linear-8
  +linear-gradient(color_stops(#dddddd 80%, #aaaaaa))

.linear-9
  +linear-gradient(color_stops(#dddddd, #aaaaaa 20%))

.linear-10
  +linear-gradient(color_stops(#dddddd 40%, #aaaaaa 50%))

.linear-11
  +linear-gradient(color_stops(#dddddd 40%, black, #aaaaaa 50%))

.radial-1
  // A default radial gradient:
     A centered gradient having the shape of the container (aka ellipse)
  +radial-gradient(color_stops(#dddddd, #aaaaaa))

.radial-2
  // A centered gradient having the shape of the container (aka ellipse)
  +radial-gradient(color_stops(#dddddd, #aaaaaa))

.radial-3
  // A centered gradient at the top having the shape of the container (aka ellipse)
  +radial-gradient(color_stops(#dddddd, #aaaaaa), unquote("top center"))

.radial-4
  // A centered gradient having a circular shape
  +radial-gradient(color_stops(#dddddd, #aaaaaa))

.radial-5
  // A centered gradient at the top having a circular shape
  +radial-gradient(color_stops(#dddddd, #aaaaaa), unquote("top center"))

.radial-6
  // A centered circular gradient with color stops
     The color stops must be absolute units
  +radial-gradient(color_stops(#dddddd 20px, #aaaaaa 50px))

.radial-7
  // A centered elliptical gradient with color stops
     The color stops must be relative units
  +radial-gradient(color_stops(#dddddd 20%, #aaaaaa 50px))

.alpha-linear
  +linear-gradient(color_stops(rgba(255, 255, 255, 0) 40%, rgba(255, 127, 127, 0.5), rgba(255, 255, 255, 1) 50%))

Version data entries

18 entries across 18 versions & 1 rubygems

Version Path
compass-0.10.6 test/fixtures/stylesheets/compass/sass/gradients.sass
compass-0.10.6.pre.1 test/fixtures/stylesheets/compass/sass/gradients.sass
compass-0.10.5 test/fixtures/stylesheets/compass/sass/gradients.sass
compass-0.10.5.pre.1 test/fixtures/stylesheets/compass/sass/gradients.sass
compass-0.10.4 test/fixtures/stylesheets/compass/sass/gradients.sass
compass-0.10.4.pre.4 test/fixtures/stylesheets/compass/sass/gradients.sass
compass-0.10.4.pre.3 test/fixtures/stylesheets/compass/sass/gradients.sass
compass-0.10.4.pre.2 test/fixtures/stylesheets/compass/sass/gradients.sass
compass-0.10.3 test/fixtures/stylesheets/compass/sass/gradients.sass
compass-0.10.3.pre.1 test/fixtures/stylesheets/compass/sass/gradients.sass
compass-0.10.2 test/fixtures/stylesheets/compass/sass/gradients.sass
compass-0.10.1 test/fixtures/stylesheets/compass/sass/gradients.sass
compass-0.10.0 test/fixtures/stylesheets/compass/sass/gradients.sass
compass-0.10.0.rc6 test/fixtures/stylesheets/compass/sass/gradients.sass
compass-0.10.0.rc5 test/fixtures/stylesheets/compass/sass/gradients.sass
compass-0.10.0.rc4 test/fixtures/stylesheets/compass/sass/gradients.sass
compass-0.10.0.rc3 test/fixtures/stylesheets/compass/sass/gradients.sass
compass-0.10.0.rc2 test/fixtures/stylesheets/compass/sass/gradients.sass