upgrade test fixtures to sass 3 syntax

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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