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

upgrade test fixtures to sass 3 syntax

Browse Source
This commit is contained in:
Chris Eppstein 2010-04-11 02:41:47 -07:00
parent f7abcb4b98
commit 385ae3db82
13 changed files with 71 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
test/fixtures/stylesheets/blueprint/sass/ie.sass vendored
View File

@ -1,3 +1,3 @@
@import blueprint/ie
+blueprint-ie
+blueprint-ie

2
test/fixtures/stylesheets/blueprint/sass/print.sass vendored
View File

@ -1,3 +1,3 @@
@import blueprint/print
+blueprint-print
+blueprint-print

1
test/fixtures/stylesheets/blueprint/sass/screen.sass vendored
View File

@ -2,6 +2,7 @@
@import compass/reset
+blueprint
#main.container
#top
+column(24, true)

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

@ -1,51 +1,68 @@
@import compass/css3
.linear-1
+linear-gradient(color_stops(#ddd, #aaa))
+linear-gradient(color_stops(#dddddd, #aaaaaa))
.linear-2
+linear-gradient(color_stops(#ddd, #aaa), "left")
+linear-gradient(color_stops(#dddddd, #aaaaaa), left)
.linear-3
+linear-gradient(color_stops(#ddd, #aaa), "top left")
+linear-gradient(color_stops(#dddddd, #aaaaaa), unquote("top left"))
.linear-4
+linear-gradient(color_stops(#ddd, #aaa), "top right")
+linear-gradient(color_stops(#dddddd, #aaaaaa), unquote("top right"))
.linear-5
+linear-gradient(color_stops(#ddd, #ccc, #aaa))
+linear-gradient(color_stops(#dddddd, #cccccc, #aaaaaa))
.linear-6
+linear-gradient(color_stops(#ddd, #ccc 20%, #aaa))
+linear-gradient(color_stops(#dddddd, #cccccc 20%, #aaaaaa))
.linear-7
+linear-gradient(color_stops(#ddd, #ccc 20%, #eee, #aaa))
+linear-gradient(color_stops(#dddddd, #cccccc 20%, #eeeeee, #aaaaaa))
.linear-8
+linear-gradient(color_stops(#ddd 80%, #aaa))
+linear-gradient(color_stops(#dddddd 80%, #aaaaaa))
.linear-9
+linear-gradient(color_stops(#ddd, #aaa 20%))
+linear-gradient(color_stops(#dddddd, #aaaaaa 20%))
.linear-10
+linear-gradient(color_stops(#ddd 40%, #aaa 50%))
+linear-gradient(color_stops(#dddddd 40%, #aaaaaa 50%))
.linear-11
+linear-gradient(color_stops(#ddd 40%, #000, #aaa 50%))
+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(#ddd, #aaa))
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(#ddd, #aaa))
+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(#ddd, #aaa), "top center")
+radial-gradient(color_stops(#dddddd, #aaaaaa), unquote("top center"))
.radial-4
// A centered gradient having a circular shape
+radial-gradient(color_stops(#ddd, #aaa))
+radial-gradient(color_stops(#dddddd, #aaaaaa))
.radial-5
// A centered gradient at the top having a circular shape
+radial-gradient(color_stops(#ddd, #aaa), "top center")
+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(#ddd 20px, #aaa 50px))
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(#ddd 20%, #aaa 50px))
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%))

19
test/fixtures/stylesheets/compass/sass/image_size.sass vendored
View File

@ -1,12 +1,15 @@
.png
width= image_width("100x150.png")
height= image_height("100x150.png")
width: image_width(unquote("100x150.png"))
height: image_height(unquote("100x150.png"))
.jpg
width= image_width("100x150.jpg")
height= image_height("100x150.jpg")
width: image_width(unquote("100x150.jpg"))
height: image_height(unquote("100x150.jpg"))
.jpeg
width= image_width("100x150.jpeg")
height= image_height("100x150.jpeg")
width: image_width(unquote("100x150.jpeg"))
height: image_height(unquote("100x150.jpeg"))
.gif
width= image_width("100x150.gif")
height= image_height("100x150.gif")
width: image_width(unquote("100x150.gif"))
height: image_height(unquote("100x150.gif"))

2
test/fixtures/stylesheets/compass/sass/layout.sass vendored
View File

@ -1,3 +1,3 @@
@import compass/layout
+sticky-footer(72px, "#layout", "#layout_footer", "#footer")
+sticky-footer(72px, unquote("#layout"), unquote("#layout_footer"), unquote("#footer"))

2
test/fixtures/stylesheets/compass/sass/print.sass vendored
View File

@ -2,4 +2,4 @@
+print-utilities
+print-utilities("screen")
+print-utilities(screen)

8
test/fixtures/stylesheets/compass/sass/reset.sass vendored
View File

@ -2,9 +2,11 @@
// Turn off the display for both of these classes
.unregistered-only, .registered-only
:display none
display: none
// Now turn only one of them back on depending on some other context.
body.registered
+reset-display(".registered-only")
+reset-display(unquote(".registered-only"))
body.unregistered
+reset-display(".unregistered-only")
+reset-display(unquote(".unregistered-only"))

1
test/fixtures/stylesheets/compass/sass/utilities.sass vendored
View File

@ -2,5 +2,6 @@
.clearfix
+clearfix
.pie-clearfix
+pie-clearfix

5
test/fixtures/stylesheets/image_urls/sass/screen.sass vendored
View File

@ -1,6 +1,5 @@
.showgrid
background-image= image_url("grid.png")
background-image: image_url(unquote("grid.png"))
.inlinegrid
background-image= inline_image("grid.png")
background-image: inline_image(unquote("grid.png"))

11
test/fixtures/stylesheets/relative/sass/ie.sass vendored
View File

@ -1,6 +1,5 @@
/*
Welcome to Compass. Use this file to write IE specific override styles.
Import this file using the following HTML or equivalent:
<!--[if IE]>
<link href="/stylesheets/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
<![endif]-->
/* Welcome to Compass. Use this file to write IE specific override styles.
Import this file using the following HTML or equivalent:
<!--[if IE]>
<link href="/stylesheets/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
<![endif]-->

9
test/fixtures/stylesheets/relative/sass/print.sass vendored
View File

@ -1,6 +1,3 @@
/*
Welcome to Compass. Use this file to define print styles.
Import this file using the following HTML or equivalent:
<link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css" />
/* Welcome to Compass. Use this file to define print styles.
Import this file using the following HTML or equivalent:
<link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css" />

3
test/fixtures/stylesheets/relative/sass/screen.sass vendored
View File

@ -1,3 +1,2 @@
test
background= image_url("testing.png")
background: image_url(unquote("testing.png"))