upgrade test fixtures to sass 3 syntax
This commit is contained in:
parent
f7abcb4b98
commit
385ae3db82
@ -1,3 +1,3 @@
|
|||||||
@import blueprint/ie
|
@import blueprint/ie
|
||||||
|
|
||||||
+blueprint-ie
|
+blueprint-ie
|
||||||
|
@ -1,3 +1,3 @@
|
|||||||
@import blueprint/print
|
@import blueprint/print
|
||||||
|
|
||||||
+blueprint-print
|
+blueprint-print
|
||||||
|
@ -2,6 +2,7 @@
|
|||||||
@import compass/reset
|
@import compass/reset
|
||||||
|
|
||||||
+blueprint
|
+blueprint
|
||||||
|
|
||||||
#main.container
|
#main.container
|
||||||
#top
|
#top
|
||||||
+column(24, true)
|
+column(24, true)
|
||||||
|
@ -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%))
|
||||||
|
@ -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"))
|
||||||
|
@ -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"))
|
||||||
|
@ -2,4 +2,4 @@
|
|||||||
|
|
||||||
+print-utilities
|
+print-utilities
|
||||||
|
|
||||||
+print-utilities("screen")
|
+print-utilities(screen)
|
||||||
|
@ -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"))
|
||||||
|
@ -2,5 +2,6 @@
|
|||||||
|
|
||||||
.clearfix
|
.clearfix
|
||||||
+clearfix
|
+clearfix
|
||||||
|
|
||||||
.pie-clearfix
|
.pie-clearfix
|
||||||
+pie-clearfix
|
+pie-clearfix
|
||||||
|
@ -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"))
|
||||||
|
|
||||||
|
11
test/fixtures/stylesheets/relative/sass/ie.sass
vendored
11
test/fixtures/stylesheets/relative/sass/ie.sass
vendored
@ -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]-->
|
|
||||||
|
@ -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" />
|
|
||||||
|
|
||||||
|
|
||||||
|
@ -1,3 +1,2 @@
|
|||||||
|
|
||||||
test
|
test
|
||||||
background= image_url("testing.png")
|
background: image_url(unquote("testing.png"))
|
||||||
|
Loading…
Reference in New Issue
Block a user