github-migration/compass
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

less unquotes & underscores, more dashes

Browse Source
This commit is contained in:
Chris Eppstein 2010-11-13 19:49:42 -08:00
parent e09de2628a
commit 1fe22d7257
1 changed files with 38 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

76
test/fixtures/stylesheets/compass/sass/gradients.sass vendored
View File

@ -1,37 +1,37 @@
@import compass/css3 @import compass/css3
.linear-1 .linear-1
+linear-gradient(color_stops(#dddddd, #aaaaaa)) +linear-gradient(color-stops(#dddddd, #aaaaaa))
.linear-2 .linear-2
+linear-gradient(color_stops(#dddddd, #aaaaaa), left) +linear-gradient(color-stops(#dddddd, #aaaaaa), left)
.linear-3 .linear-3
+linear-gradient(color_stops(#dddddd, #aaaaaa), unquote("top left")) +linear-gradient(color-stops(#dddddd, #aaaaaa), top left)
.linear-4 .linear-4
+linear-gradient(color_stops(#dddddd, #aaaaaa), unquote("top right")) +linear-gradient(color-stops(#dddddd, #aaaaaa), top right)
.linear-5 .linear-5
+linear-gradient(color_stops(#dddddd, #cccccc, #aaaaaa)) +linear-gradient(color-stops(#dddddd, #cccccc, #aaaaaa))
.linear-6 .linear-6
+linear-gradient(color_stops(#dddddd, #cccccc 20%, #aaaaaa)) +linear-gradient(color-stops(#dddddd, #cccccc 20%, #aaaaaa))
.linear-7 .linear-7
+linear-gradient(color_stops(#dddddd, #cccccc 20%, #eeeeee, #aaaaaa)) +linear-gradient(color-stops(#dddddd, #cccccc 20%, #eeeeee, #aaaaaa))
.linear-8 .linear-8
+linear-gradient(color_stops(#dddddd 80%, #aaaaaa)) +linear-gradient(color-stops(#dddddd 80%, #aaaaaa))
.linear-9 .linear-9
+linear-gradient(color_stops(#dddddd, #aaaaaa 20%)) +linear-gradient(color-stops(#dddddd, #aaaaaa 20%))
.linear-10 .linear-10
+linear-gradient(color_stops(#dddddd 40%, #aaaaaa 50%)) +linear-gradient(color-stops(#dddddd 40%, #aaaaaa 50%))
.linear-11 .linear-11
+linear-gradient(color_stops(#dddddd 40%, black, #aaaaaa 50%)) +linear-gradient(color-stops(#dddddd 40%, black, #aaaaaa 50%))
.linear-12 .linear-12
+linear-gradient(color-stops(white, blue 33%, black 67%)) +linear-gradient(color-stops(white, blue 33%, black 67%))
@ -39,70 +39,70 @@
.radial-1 .radial-1
// A default radial gradient: // A default radial gradient:
A centered gradient having the shape of the container (aka ellipse) A centered gradient having the shape of the container (aka ellipse)
+radial-gradient(color_stops(#dddddd, #aaaaaa)) +radial-gradient(color-stops(#dddddd, #aaaaaa))
.radial-2 .radial-2
// A centered gradient having the shape of the container (aka ellipse) // A centered gradient having the shape of the container (aka ellipse)
+radial-gradient(color_stops(#dddddd, #aaaaaa)) +radial-gradient(color-stops(#dddddd, #aaaaaa))
.radial-3 .radial-3
// A centered gradient at the top having the shape of the container (aka ellipse) // A centered gradient at the top having the shape of the container (aka ellipse)
+radial-gradient(color_stops(#dddddd, #aaaaaa), unquote("top center")) +radial-gradient(color-stops(#dddddd, #aaaaaa), top center)
.radial-4 .radial-4
// A centered gradient having a circular shape // A centered gradient having a circular shape
+radial-gradient(color_stops(#dddddd, #aaaaaa)) +radial-gradient(color-stops(#dddddd, #aaaaaa))
.radial-5 .radial-5
// A centered gradient at the top having a circular shape // A centered gradient at the top having a circular shape
+radial-gradient(color_stops(#dddddd, #aaaaaa), unquote("top center")) +radial-gradient(color-stops(#dddddd, #aaaaaa), top center)
.radial-6 .radial-6
// A centered circular gradient with color stops // A centered circular gradient with color stops
The color stops must be absolute units The color stops must be absolute units
+radial-gradient(color_stops(#dddddd 20px, #aaaaaa 50px)) +radial-gradient(color-stops(#dddddd 20px, #aaaaaa 50px))
.radial-7 .radial-7
// A centered elliptical gradient with color stops // A centered elliptical gradient with color stops
The color stops must be relative units The color stops must be relative units
+radial-gradient(color_stops(#dddddd 20%, #aaaaaa 50px)) +radial-gradient(color-stops(#dddddd 20%, #aaaaaa 50px))
.alpha-linear .alpha-linear
+linear-gradient(color_stops(rgba(255, 255, 255, 0) 40%, rgba(255, 127, 127, 0.5), rgba(255, 255, 255, 1) 50%)) +linear-gradient(color-stops(rgba(255, 255, 255, 0) 40%, rgba(255, 127, 127, 0.5), rgba(255, 255, 255, 1) 50%))
$experimental-support-for-svg: true $experimental-support-for-svg: true
.linear-svg-1 .linear-svg-1
+linear-gradient(color_stops(#dddddd, #aaaaaa)) +linear-gradient(color-stops(#dddddd, #aaaaaa))
.linear-svg-2 .linear-svg-2
+linear-gradient(color_stops(#dddddd, #aaaaaa), left) +linear-gradient(color-stops(#dddddd, #aaaaaa), left)
.linear-svg-3 .linear-svg-3
+linear-gradient(color_stops(#dddddd, #aaaaaa), unquote("top left")) +linear-gradient(color-stops(#dddddd, #aaaaaa), top left)
.linear-svg-4 .linear-svg-4
+linear-gradient(color_stops(#dddddd, #aaaaaa), unquote("top right")) +linear-gradient(color-stops(#dddddd, #aaaaaa), top right)
.linear-svg-5 .linear-svg-5
+linear-gradient(color_stops(#dddddd, #cccccc, #aaaaaa)) +linear-gradient(color-stops(#dddddd, #cccccc, #aaaaaa))
.linear-svg-6 .linear-svg-6
+linear-gradient(color_stops(#dddddd, #cccccc 20%, #aaaaaa)) +linear-gradient(color-stops(#dddddd, #cccccc 20%, #aaaaaa))
.linear-svg-7 .linear-svg-7
+linear-gradient(color_stops(#dddddd, #cccccc 20%, #eeeeee, #aaaaaa)) +linear-gradient(color-stops(#dddddd, #cccccc 20%, #eeeeee, #aaaaaa))
.linear-svg-8 .linear-svg-8
+linear-gradient(color_stops(#dddddd 80%, #aaaaaa)) +linear-gradient(color-stops(#dddddd 80%, #aaaaaa))
.linear-svg-9 .linear-svg-9
+linear-gradient(color_stops(#dddddd, #aaaaaa 20%)) +linear-gradient(color-stops(#dddddd, #aaaaaa 20%))
.linear-svg-10 .linear-svg-10
+linear-gradient(color_stops(#dddddd 40%, #aaaaaa 50%)) +linear-gradient(color-stops(#dddddd 40%, #aaaaaa 50%))
.linear-svg-11 .linear-svg-11
+linear-gradient(color_stops(#dddddd 40%, black, #aaaaaa 50%)) +linear-gradient(color-stops(#dddddd 40%, black, #aaaaaa 50%))
.linear-svg-12 .linear-svg-12
+linear-gradient(color-stops(white, blue 33%, black 67%)) +linear-gradient(color-stops(white, blue 33%, black 67%))
@ -110,36 +110,36 @@ $experimental-support-for-svg: true
.radial-svg-1 .radial-svg-1
// A default radial gradient: // A default radial gradient:
A centered gradient having the shape of the container (aka ellipse) A centered gradient having the shape of the container (aka ellipse)
+radial-gradient(color_stops(#dddddd, #aaaaaa)) +radial-gradient(color-stops(#dddddd, #aaaaaa))
.radial-svg-2 .radial-svg-2
// A centered gradient having the shape of the container (aka ellipse) // A centered gradient having the shape of the container (aka ellipse)
+radial-gradient(color_stops(#dddddd, #aaaaaa)) +radial-gradient(color-stops(#dddddd, #aaaaaa))
.radial-svg-3 .radial-svg-3
// A centered gradient at the top having the shape of the container (aka ellipse) // A centered gradient at the top having the shape of the container (aka ellipse)
+radial-gradient(color_stops(#dddddd, #aaaaaa), unquote("top center")) +radial-gradient(color-stops(#dddddd, #aaaaaa), top center)
.radial-svg-4 .radial-svg-4
// A centered gradient having a circular shape // A centered gradient having a circular shape
+radial-gradient(color_stops(#dddddd, #aaaaaa)) +radial-gradient(color-stops(#dddddd, #aaaaaa))
.radial-svg-5 .radial-svg-5
// A centered gradient at the top having a circular shape // A centered gradient at the top having a circular shape
+radial-gradient(color_stops(#dddddd, #aaaaaa), unquote("top center")) +radial-gradient(color-stops(#dddddd, #aaaaaa), top center)
.radial-svg-6 .radial-svg-6
// A centered circular gradient with color stops // A centered circular gradient with color stops
The color stops must be absolute units The color stops must be absolute units
+radial-gradient(color_stops(#dddddd 20px, #aaaaaa 50px)) +radial-gradient(color-stops(#dddddd 20px, #aaaaaa 50px))
.radial-svg-7 .radial-svg-7
// A centered elliptical gradient with color stops // A centered elliptical gradient with color stops
The color stops must be relative units The color stops must be relative units
+radial-gradient(color_stops(#dddddd 20%, #aaaaaa 50px)) +radial-gradient(color-stops(#dddddd 20%, #aaaaaa 50px))
.alpha-linear-svg .alpha-linear-svg
+linear-gradient(color_stops(rgba(255, 255, 255, 0) 40%, rgba(255, 127, 127, 0.5), rgba(255, 255, 255, 1) 50%)) +linear-gradient(color-stops(rgba(255, 255, 255, 0) 40%, rgba(255, 127, 127, 0.5), rgba(255, 255, 255, 1) 50%))
.ie-horizontal-filter .ie-horizontal-filter
+filter-gradient(white, black, horizontal) +filter-gradient(white, black, horizontal)