diff --git a/doc-src/content/examples/blueprint/grid/pull.haml b/doc-src/content/examples/blueprint/grid/pull.haml
index 86605bcf..75c32cde 100644
--- a/doc-src/content/examples/blueprint/grid/pull.haml
+++ b/doc-src/content/examples/blueprint/grid/pull.haml
@@ -2,7 +2,7 @@
title: Blueprint Pull Example
description: Uses pull to change the display order of columns.
framework: blueprint
-stylesheet: blueprint/_grid.sass
+stylesheet: blueprint/_grid.scss
mixin: pull
example: true
---
diff --git a/doc-src/content/examples/blueprint/grid/pull/stylesheet.sass b/doc-src/content/examples/blueprint/grid/pull/stylesheet.sass
index 5c5b6c12..3833b7a2 100644
--- a/doc-src/content/examples/blueprint/grid/pull/stylesheet.sass
+++ b/doc-src/content/examples/blueprint/grid/pull/stylesheet.sass
@@ -1,8 +1,6 @@
----
----
-!blueprint_grid_columns = 3
+$blueprint_grid_columns : 3
-@import blueprint/grid.sass
+@import blueprint/grid.scss
#one
+column(2, true)
diff --git a/doc-src/content/examples/blueprint/grid/two_cols.haml b/doc-src/content/examples/blueprint/grid/two_cols.haml
index 88bf9ab4..e1e289fd 100644
--- a/doc-src/content/examples/blueprint/grid/two_cols.haml
+++ b/doc-src/content/examples/blueprint/grid/two_cols.haml
@@ -2,7 +2,7 @@
title: Two Column Layout
description: A semantic two-column layout
framework: blueprint
-stylesheet: blueprint/_grid.sass
+stylesheet: blueprint/_grid.scss
example: true
---
= render "partials/example"
\ No newline at end of file
diff --git a/doc-src/content/examples/blueprint/grid/two_cols/stylesheet.sass b/doc-src/content/examples/blueprint/grid/two_cols/stylesheet.sass
index feeea9aa..00db29e0 100644
--- a/doc-src/content/examples/blueprint/grid/two_cols/stylesheet.sass
+++ b/doc-src/content/examples/blueprint/grid/two_cols/stylesheet.sass
@@ -1,5 +1,5 @@
-!blueprint_grid_columns = 8
-!blueprint_grid_width = 40px
+$blueprint_grid_columns : 8
+$blueprint_grid_width : 40px
@import blueprint
diff --git a/doc-src/content/examples/compass/css3/background-clip.haml b/doc-src/content/examples/compass/css3/background-clip.haml
index bf9ea82c..695603c8 100644
--- a/doc-src/content/examples/compass/css3/background-clip.haml
+++ b/doc-src/content/examples/compass/css3/background-clip.haml
@@ -2,7 +2,7 @@
title: Background Clip
description: See background-clip in action.
framework: compass
-stylesheet: compass/css3/_background_clip.sass
+stylesheet: compass/css3/_background-clip.scss
example: true
---
- render "partials/example" do
diff --git a/doc-src/content/examples/compass/css3/background-clip/stylesheet.sass b/doc-src/content/examples/compass/css3/background-clip/stylesheet.sass
index f3c467ff..9658fa77 100644
--- a/doc-src/content/examples/compass/css3/background-clip/stylesheet.sass
+++ b/doc-src/content/examples/compass/css3/background-clip/stylesheet.sass
@@ -1,4 +1,4 @@
-@import compass/css3.sass
+@import compass/css3.scss
.example
padding: 2em
div
diff --git a/doc-src/content/examples/compass/css3/background-origin.haml b/doc-src/content/examples/compass/css3/background-origin.haml
index a36050c1..b3cdc7d6 100644
--- a/doc-src/content/examples/compass/css3/background-origin.haml
+++ b/doc-src/content/examples/compass/css3/background-origin.haml
@@ -2,7 +2,7 @@
title: Background Origin
description: See background-origin in action.
framework: compass
-stylesheet: compass/css3/_background_origin.sass
+stylesheet: compass/css3/_background-origin.scss
example: true
---
= render "partials/example"
diff --git a/doc-src/content/examples/compass/css3/background-origin/stylesheet.sass b/doc-src/content/examples/compass/css3/background-origin/stylesheet.sass
index 82f95f46..c4a9b2b8 100644
--- a/doc-src/content/examples/compass/css3/background-origin/stylesheet.sass
+++ b/doc-src/content/examples/compass/css3/background-origin/stylesheet.sass
@@ -4,7 +4,7 @@
padding: 2em
div
background:
- image= image-url("examples/css3/bg-origin/bg.png")
+ image: image-url("examples/css3/bg-origin/bg.png")
repeat: repeat
position: top left
border: 10px solid rgba(255, 0, 0, 0.5)
diff --git a/doc-src/content/examples/compass/css3/background-size.haml b/doc-src/content/examples/compass/css3/background-size.haml
index 3be34dd5..e84024fa 100644
--- a/doc-src/content/examples/compass/css3/background-size.haml
+++ b/doc-src/content/examples/compass/css3/background-size.haml
@@ -2,7 +2,7 @@
title: Background Size
description: See background-size in action.
framework: compass
-stylesheet: compass/css3/_background_size.sass
+stylesheet: compass/css3/_background-size.scss
example: true
---
= render "partials/example"
diff --git a/doc-src/content/examples/compass/css3/background-size/stylesheet.sass b/doc-src/content/examples/compass/css3/background-size/stylesheet.sass
index 1bd7a447..e6edcb07 100644
--- a/doc-src/content/examples/compass/css3/background-size/stylesheet.sass
+++ b/doc-src/content/examples/compass/css3/background-size/stylesheet.sass
@@ -4,7 +4,7 @@
padding: 2em
div
background:
- image= image-url("examples/css3/bg-origin/bg.png")
+ image: image-url("examples/css3/bg-origin/bg.png")
repeat: no-repeat
position: top left
border: 10px solid rgba(255, 0, 0, 0.5)
diff --git a/doc-src/content/examples/compass/css3/border_radius.haml b/doc-src/content/examples/compass/css3/border_radius.haml
index 7de8569c..2415a554 100644
--- a/doc-src/content/examples/compass/css3/border_radius.haml
+++ b/doc-src/content/examples/compass/css3/border_radius.haml
@@ -2,7 +2,7 @@
title: Border radius
description: css3 mixin for border-radius
framework: compass
-stylesheet: compass/css3/_border_radius.sass
+stylesheet: compass/css3/_border-radius.scss
example: true
---
= render "partials/example"
\ No newline at end of file
diff --git a/doc-src/content/examples/compass/css3/box_shadow.haml b/doc-src/content/examples/compass/css3/box_shadow.haml
index e6fddcf5..a38f04e7 100644
--- a/doc-src/content/examples/compass/css3/box_shadow.haml
+++ b/doc-src/content/examples/compass/css3/box_shadow.haml
@@ -2,7 +2,7 @@
title: Box-shadow
description: css3 mixin for box-shadow
framework: compass
-stylesheet: compass/css3/_box_shadow.sass
+stylesheet: compass/css3/_box-shadow.scss
example: true
---
= render "partials/example"
\ No newline at end of file
diff --git a/doc-src/content/examples/compass/css3/box_sizing.haml b/doc-src/content/examples/compass/css3/box_sizing.haml
index 91b04a3b..0a898622 100644
--- a/doc-src/content/examples/compass/css3/box_sizing.haml
+++ b/doc-src/content/examples/compass/css3/box_sizing.haml
@@ -2,7 +2,7 @@
title: Box-sizing
description: css3 mixin for box-sizing
framework: compass
-stylesheet: compass/css3/_box_sizing.sass
+stylesheet: compass/css3/_box-sizing.scss
example: true
---
= render "partials/example"
\ No newline at end of file
diff --git a/doc-src/content/examples/compass/css3/columns.haml b/doc-src/content/examples/compass/css3/columns.haml
index b5abbb28..4e35d5ad 100644
--- a/doc-src/content/examples/compass/css3/columns.haml
+++ b/doc-src/content/examples/compass/css3/columns.haml
@@ -2,7 +2,7 @@
title: Columns
description: css3 mixin for css columns
framework: compass
-stylesheet: compass/css3/_columns.sass
+stylesheet: compass/css3/_columns.scss
example: true
---
= render "partials/example"
\ No newline at end of file
diff --git a/doc-src/content/examples/compass/css3/font-face.haml b/doc-src/content/examples/compass/css3/font-face.haml
index 83af367b..b48cd3f6 100644
--- a/doc-src/content/examples/compass/css3/font-face.haml
+++ b/doc-src/content/examples/compass/css3/font-face.haml
@@ -2,7 +2,7 @@
title: Compass Font Face Example
description: How to use the @font-face mixin
framework: compass
-stylesheet: compass/css3/_font_face.sass
+stylesheet: compass/css3/_font-face.scss
example: true
---
= render "partials/example"
diff --git a/doc-src/content/examples/compass/css3/font-face/stylesheet.sass b/doc-src/content/examples/compass/css3/font-face/stylesheet.sass
index fe25cef1..767f6c3d 100644
--- a/doc-src/content/examples/compass/css3/font-face/stylesheet.sass
+++ b/doc-src/content/examples/compass/css3/font-face/stylesheet.sass
@@ -1,6 +1,6 @@
@import compass/css3
-+font-face("Angelina", font_files("examples/angelina.ttf", "truetype"))
++font-face("Angelina", font-files("examples/angelina.ttf", "truetype"))
.example
font-family: "Angelina"
padding: 1em
diff --git a/doc-src/content/examples/compass/css3/gradient.haml b/doc-src/content/examples/compass/css3/gradient.haml
index 6cfeec9e..c15144bf 100644
--- a/doc-src/content/examples/compass/css3/gradient.haml
+++ b/doc-src/content/examples/compass/css3/gradient.haml
@@ -2,7 +2,7 @@
title: Gradient
description: css3 mixin for css gradients
framework: compass
-stylesheet: compass/css3/_gradient.sass
+stylesheet: compass/css3/_gradient.scss
example: true
---
= render "partials/example"
\ No newline at end of file
diff --git a/doc-src/content/examples/compass/css3/gradient/stylesheet.sass b/doc-src/content/examples/compass/css3/gradient/stylesheet.sass
index e1db544d..1d3907f3 100644
--- a/doc-src/content/examples/compass/css3/gradient/stylesheet.sass
+++ b/doc-src/content/examples/compass/css3/gradient/stylesheet.sass
@@ -8,24 +8,24 @@
// This will yield a radial gradient with an apparent specular highlight
#radial-gradient
- +radial-gradient(color_stops(#00FFFF 10px, #1E90FF 30px), 45 45)
+ +radial-gradient(color-stops(#00FFFF 10px, #1E90FF 30px), 45 45)
// This yields a linear gradient spanning from the upper left corner to the lower right corner
#linear-gradient
- +linear-gradient(color_stops(#fff, #ddd), "left top")
+ +linear-gradient(color-stops(#fff, #ddd), "left top")
// This yields a gradient starting at the top with #fff, ending in #aaa
#v-gradient
- +linear-gradient(color_stops(#fff, #aaa))
+ +linear-gradient(color-stops(#fff, #aaa))
// Same as above but with a #ccc at the halfway point
#v-gradient-2
- +linear-gradient(color_stops(#fff, #ccc, #aaa))
+ +linear-gradient(color-stops(#fff, #ccc, #aaa))
// Same as the first example but with #ccc at the 30% from the top, and #bbb at 70% from the top
#v-gradient-3
- +linear-gradient(color_stops(#fff, #ccc 30%, #bbb 70%, #aaa))
+ +linear-gradient(color-stops(#fff, #ccc 30%, #bbb 70%, #aaa))
// This yields a horizontal linear gradient spanning from left to right.
#h-gradient
- +linear-gradient(color_stops(#fff, #ddd), "left")
+ +linear-gradient(color-stops(#fff, #ddd), "left")
diff --git a/doc-src/content/examples/compass/css3/inline_block.haml b/doc-src/content/examples/compass/css3/inline_block.haml
index 52198596..ed3b3e6e 100644
--- a/doc-src/content/examples/compass/css3/inline_block.haml
+++ b/doc-src/content/examples/compass/css3/inline_block.haml
@@ -2,7 +2,7 @@
title: Inline-block
description: css3 mixin for inline-block
framework: compass
-stylesheet: compass/css3/_inline_block.sass
+stylesheet: compass/css3/_inline-block.scss
example: true
---
= render "partials/example"
\ No newline at end of file
diff --git a/doc-src/content/examples/compass/css3/opacity.haml b/doc-src/content/examples/compass/css3/opacity.haml
index edcbf99b..bc709be9 100644
--- a/doc-src/content/examples/compass/css3/opacity.haml
+++ b/doc-src/content/examples/compass/css3/opacity.haml
@@ -2,7 +2,7 @@
title: Opacity
description: css3 mixin for opacity
framework: compass
-stylesheet: compass/css3/_opacity.sass
+stylesheet: compass/css3/_opacity.scss
example: true
---
= render "partials/example"
\ No newline at end of file
diff --git a/doc-src/content/examples/compass/css3/text_shadow.haml b/doc-src/content/examples/compass/css3/text_shadow.haml
index bfefc199..830ab697 100644
--- a/doc-src/content/examples/compass/css3/text_shadow.haml
+++ b/doc-src/content/examples/compass/css3/text_shadow.haml
@@ -2,7 +2,7 @@
title: Text-shadow
description: css3 mixin for text-shadow
framework: compass
-stylesheet: compass/css3/_text_shadow.sass
+stylesheet: compass/css3/_text-shadow.scss
example: true
---
= render "partials/example"
\ No newline at end of file
diff --git a/doc-src/content/examples/compass/css3/transform.haml b/doc-src/content/examples/compass/css3/transform.haml
index 9248ca2e..2fbea2aa 100644
--- a/doc-src/content/examples/compass/css3/transform.haml
+++ b/doc-src/content/examples/compass/css3/transform.haml
@@ -2,7 +2,7 @@
title: Transform
description: css3 mixin for css transforms
framework: compass
-stylesheet: compass/css3/_transform.sass
+stylesheet: compass/css3/_transform.scss
example: true
---
= render "partials/example"
\ No newline at end of file
diff --git a/doc-src/content/examples/compass/css3/transition.haml b/doc-src/content/examples/compass/css3/transition.haml
index ee2474b7..9b308a87 100644
--- a/doc-src/content/examples/compass/css3/transition.haml
+++ b/doc-src/content/examples/compass/css3/transition.haml
@@ -2,7 +2,7 @@
title: Transition
description: css3 mixin for css transitions
framework: compass
-stylesheet: compass/css3/_transition.sass
+stylesheet: compass/css3/_transition.scss
example: true
---
= render "partials/example"
\ No newline at end of file
diff --git a/doc-src/content/examples/compass/layout/sticky-footer.haml b/doc-src/content/examples/compass/layout/sticky-footer.haml
index 9b2fa441..bc44305a 100644
--- a/doc-src/content/examples/compass/layout/sticky-footer.haml
+++ b/doc-src/content/examples/compass/layout/sticky-footer.haml
@@ -2,7 +2,7 @@
title: Compass Sticky Footer Example
description: How to use the sticky footer mixin.
framework: compass
-stylesheet: compass/layout/_sticky_footer.sass
+stylesheet: compass/layout/_sticky-footer.scss
example: true
---
= render "partials/example"
diff --git a/doc-src/content/examples/compass/layout/sticky-footer/stylesheet.sass b/doc-src/content/examples/compass/layout/sticky-footer/stylesheet.sass
index ee0b4a6e..f43c9e6d 100644
--- a/doc-src/content/examples/compass/layout/sticky-footer/stylesheet.sass
+++ b/doc-src/content/examples/compass/layout/sticky-footer/stylesheet.sass
@@ -1,5 +1,5 @@
-@import compass/reset.sass
-@import compass/layout.sass
+@import compass/reset.scss
+@import compass/layout.scss
+sticky-footer(72px, "#layout", "#layout_footer", "#footer")
diff --git a/doc-src/content/frameworks.haml b/doc-src/content/frameworks.haml
index 1a57481d..c1d186f7 100644
--- a/doc-src/content/frameworks.haml
+++ b/doc-src/content/frameworks.haml
@@ -157,10 +157,10 @@ crumb: Plugins and frameworks
\.
%ul
%li
- %a{ :href => "http://github.com/handcrafted/handcrafted-compass-mixins/blob/master/_border-radius.sass" }
+ %a{ :href => "http://github.com/handcrafted/handcrafted-compass-mixins/blob/master/_border-radius.scss" }
Handcrafted Rounded Corners
%li
- %a{ :href => "http://github.com/ntreadway/JQuery.tools.tabs.sass" }
+ %a{ :href => "http://github.com/ntreadway/JQuery.tools.tabs.scss" }
Ntreadway JQuery tools tabs
%h3
Plugins that are Works-In-Progress
diff --git a/doc-src/content/reference/blueprint.haml b/doc-src/content/reference/blueprint.haml
index 6d0ca278..d244deba 100644
--- a/doc-src/content/reference/blueprint.haml
+++ b/doc-src/content/reference/blueprint.haml
@@ -2,7 +2,7 @@
title: Blueprint Module
crumb: Blueprint
framework: blueprint
-stylesheet: _blueprint.sass
+stylesheet: _blueprint.scss
classnames:
- reference
meta_description: The Blueprint Framework -- ported to Sass.
diff --git a/doc-src/content/reference/blueprint/buttons.haml b/doc-src/content/reference/blueprint/buttons.haml
index 36a6d7ef..f5b524d2 100644
--- a/doc-src/content/reference/blueprint/buttons.haml
+++ b/doc-src/content/reference/blueprint/buttons.haml
@@ -2,7 +2,7 @@
title: Blueprint Buttons
crumb: Buttons
framework: blueprint
-stylesheet: blueprint/_buttons.sass
+stylesheet: blueprint/_buttons.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/blueprint/colors.haml b/doc-src/content/reference/blueprint/colors.haml
index 728923eb..7a2d3608 100644
--- a/doc-src/content/reference/blueprint/colors.haml
+++ b/doc-src/content/reference/blueprint/colors.haml
@@ -2,7 +2,7 @@
title: Blueprint Colors
crumb: Colors
framework: blueprint
-stylesheet: blueprint/_colors.sass
+stylesheet: blueprint/_colors.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/blueprint/debug.haml b/doc-src/content/reference/blueprint/debug.haml
index 41b304c5..e13aad25 100644
--- a/doc-src/content/reference/blueprint/debug.haml
+++ b/doc-src/content/reference/blueprint/debug.haml
@@ -2,7 +2,7 @@
title: Blueprint Debug
crumb: Debug
framework: blueprint
-stylesheet: blueprint/_debug.sass
+stylesheet: blueprint/_debug.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/blueprint/fancy_type.haml b/doc-src/content/reference/blueprint/fancy_type.haml
index a48241ed..fac6bd7d 100644
--- a/doc-src/content/reference/blueprint/fancy_type.haml
+++ b/doc-src/content/reference/blueprint/fancy_type.haml
@@ -2,7 +2,7 @@
title: Blueprint Fancy Type
crumb: Fancy Type
framework: blueprint
-stylesheet: blueprint/_fancy_type.sass
+stylesheet: blueprint/_fancy-type.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/blueprint/form.haml b/doc-src/content/reference/blueprint/form.haml
index 41f98786..07e873ac 100644
--- a/doc-src/content/reference/blueprint/form.haml
+++ b/doc-src/content/reference/blueprint/form.haml
@@ -2,7 +2,7 @@
title: Blueprint Form
crumb: Form
framework: blueprint
-stylesheet: blueprint/_form.sass
+stylesheet: blueprint/_form.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/blueprint/grid.haml b/doc-src/content/reference/blueprint/grid.haml
index 3a3509cd..a27b7032 100644
--- a/doc-src/content/reference/blueprint/grid.haml
+++ b/doc-src/content/reference/blueprint/grid.haml
@@ -2,7 +2,7 @@
title: Blueprint Grid
crumb: Grid
framework: blueprint
-stylesheet: blueprint/_grid.sass
+stylesheet: blueprint/_grid.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/blueprint/ie.haml b/doc-src/content/reference/blueprint/ie.haml
index fcb4979f..95a38f57 100644
--- a/doc-src/content/reference/blueprint/ie.haml
+++ b/doc-src/content/reference/blueprint/ie.haml
@@ -2,7 +2,7 @@
title: Blueprint IE Compatibility
crumb: Internet Explorer
framework: blueprint
-stylesheet: blueprint/_ie.sass
+stylesheet: blueprint/_ie.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/blueprint/interaction.haml b/doc-src/content/reference/blueprint/interaction.haml
index 7d1eee95..ef04a2bb 100644
--- a/doc-src/content/reference/blueprint/interaction.haml
+++ b/doc-src/content/reference/blueprint/interaction.haml
@@ -2,7 +2,7 @@
title: Blueprint Interaction
crumb: Interaction
framework: blueprint
-stylesheet: blueprint/_interaction.sass
+stylesheet: blueprint/_interaction.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/blueprint/link_icons.haml b/doc-src/content/reference/blueprint/link_icons.haml
index 8ea26af6..593a0db4 100644
--- a/doc-src/content/reference/blueprint/link_icons.haml
+++ b/doc-src/content/reference/blueprint/link_icons.haml
@@ -2,7 +2,7 @@
title: Blueprint Link Icons
crumb: Link Icons
framework: blueprint
-stylesheet: blueprint/_link_icons.sass
+stylesheet: blueprint/_link-icons.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/blueprint/liquid.haml b/doc-src/content/reference/blueprint/liquid.haml
index 21a0be6c..9a1b8036 100644
--- a/doc-src/content/reference/blueprint/liquid.haml
+++ b/doc-src/content/reference/blueprint/liquid.haml
@@ -2,7 +2,7 @@
title: Blueprint Liquid
crumb: Liquid
framework: blueprint
-stylesheet: blueprint/_liquid.sass
+stylesheet: blueprint/_liquid.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/blueprint/print.haml b/doc-src/content/reference/blueprint/print.haml
index 52358930..91a88a69 100644
--- a/doc-src/content/reference/blueprint/print.haml
+++ b/doc-src/content/reference/blueprint/print.haml
@@ -2,7 +2,7 @@
title: Blueprint Print
crumb: Print
framework: blueprint
-stylesheet: blueprint/_print.sass
+stylesheet: blueprint/_print.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/blueprint/reset.haml b/doc-src/content/reference/blueprint/reset.haml
index 2f7f3571..ae8ace31 100644
--- a/doc-src/content/reference/blueprint/reset.haml
+++ b/doc-src/content/reference/blueprint/reset.haml
@@ -2,7 +2,7 @@
title: Blueprint Reset
crumb: Reset
framework: blueprint
-stylesheet: blueprint/_reset.sass
+stylesheet: blueprint/_reset.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/blueprint/rtl.haml b/doc-src/content/reference/blueprint/rtl.haml
index 440a8bbc..30a5762e 100644
--- a/doc-src/content/reference/blueprint/rtl.haml
+++ b/doc-src/content/reference/blueprint/rtl.haml
@@ -2,7 +2,7 @@
title: Blueprint Rtl
crumb: Rtl
framework: blueprint
-stylesheet: blueprint/_rtl.sass
+stylesheet: blueprint/_rtl.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/blueprint/scaffolding.haml b/doc-src/content/reference/blueprint/scaffolding.haml
index 163edcf6..06dd8ce9 100644
--- a/doc-src/content/reference/blueprint/scaffolding.haml
+++ b/doc-src/content/reference/blueprint/scaffolding.haml
@@ -2,7 +2,7 @@
title: Blueprint Scaffolding
crumb: Scaffolding
framework: blueprint
-stylesheet: blueprint/_scaffolding.sass
+stylesheet: blueprint/_scaffolding.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/blueprint/screen.haml b/doc-src/content/reference/blueprint/screen.haml
deleted file mode 100644
index 701238a8..00000000
--- a/doc-src/content/reference/blueprint/screen.haml
+++ /dev/null
@@ -1,11 +0,0 @@
----
-title: Blueprint Screen
-crumb: Screen
-framework: blueprint
-stylesheet: blueprint/_screen.sass
-classnames:
- - reference
----
-- render 'reference' do
- %p
- Lorem ipsum dolor sit amet.
diff --git a/doc-src/content/reference/blueprint/typography.haml b/doc-src/content/reference/blueprint/typography.haml
index 535b1cf9..c19a6ff6 100644
--- a/doc-src/content/reference/blueprint/typography.haml
+++ b/doc-src/content/reference/blueprint/typography.haml
@@ -2,7 +2,7 @@
title: Blueprint Typography
crumb: Typography
framework: blueprint
-stylesheet: blueprint/_typography.sass
+stylesheet: blueprint/_typography.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/blueprint/utilities.haml b/doc-src/content/reference/blueprint/utilities.haml
index cfeace3f..62a45ac8 100644
--- a/doc-src/content/reference/blueprint/utilities.haml
+++ b/doc-src/content/reference/blueprint/utilities.haml
@@ -2,7 +2,7 @@
title: Blueprint Utilities
crumb: Utilities
framework: blueprint
-stylesheet: blueprint/_utilities.sass
+stylesheet: blueprint/_utilities.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/compass.haml b/doc-src/content/reference/compass.haml
index ec8b2196..12aea194 100644
--- a/doc-src/content/reference/compass.haml
+++ b/doc-src/content/reference/compass.haml
@@ -2,7 +2,7 @@
title: Compass Core Framework
crumb: Compass Core
framework: compass
-stylesheet: _compass.sass
+stylesheet: _compass.scss
classnames:
- reference
meta_description: The Compass Core Framework.
@@ -18,7 +18,7 @@ meta_description: The Compass Core Framework.
%p
You can import these yourself if you want to use them.
%ul
- = render "partials/reference/import", :import => "compass/_layout.sass"
- = render "partials/reference/import", :import => "compass/_reset.sass"
- = render "partials/reference/import", :import => "compass/_misc.sass"
+ = render "partials/reference/import", :import => "compass/_layout.scss"
+ = render "partials/reference/import", :import => "compass/_reset.scss"
+ = render "partials/reference/import", :import => "compass/_misc.scss"
diff --git a/doc-src/content/reference/compass/css3.haml b/doc-src/content/reference/compass/css3.haml
index f892d041..64bf7b5d 100644
--- a/doc-src/content/reference/compass/css3.haml
+++ b/doc-src/content/reference/compass/css3.haml
@@ -2,7 +2,7 @@
title: Compass CSS3
crumb: CSS3
framework: compass
-stylesheet: compass/_css3.sass
+stylesheet: compass/_css3.scss
classnames:
- reference
meta_description: Provides cross browser CSS3 mixins that take advantage of available pre-spec vendor prefixes.
diff --git a/doc-src/content/reference/compass/css3/background_clip.haml b/doc-src/content/reference/compass/css3/background_clip.haml
index de21014d..8331b316 100644
--- a/doc-src/content/reference/compass/css3/background_clip.haml
+++ b/doc-src/content/reference/compass/css3/background_clip.haml
@@ -2,7 +2,7 @@
title: Compass Background Clip
crumb: Background Clip
framework: compass
-stylesheet: compass/css3/_background_clip.sass
+stylesheet: compass/css3/_background-clip.scss
meta_description: Specify the background clip for all browsers.
classnames:
- reference
diff --git a/doc-src/content/reference/compass/css3/background_origin.haml b/doc-src/content/reference/compass/css3/background_origin.haml
index 6892a651..6ff4c940 100644
--- a/doc-src/content/reference/compass/css3/background_origin.haml
+++ b/doc-src/content/reference/compass/css3/background_origin.haml
@@ -2,7 +2,7 @@
title: Compass Background Origin
crumb: Background Origin
framework: compass
-stylesheet: compass/css3/_background_origin.sass
+stylesheet: compass/css3/_background-origin.scss
meta_description: Specify the background origin for all browsers.
classnames:
- reference
diff --git a/doc-src/content/reference/compass/css3/background_size.haml b/doc-src/content/reference/compass/css3/background_size.haml
index 12c79119..1fed430a 100644
--- a/doc-src/content/reference/compass/css3/background_size.haml
+++ b/doc-src/content/reference/compass/css3/background_size.haml
@@ -2,7 +2,7 @@
title: Compass Background Size
crumb: Background Size
framework: compass
-stylesheet: compass/css3/_background_size.sass
+stylesheet: compass/css3/_background-size.scss
meta_description: Specify the background size for all browsers.
classnames:
- reference
diff --git a/doc-src/content/reference/compass/css3/border_radius.haml b/doc-src/content/reference/compass/css3/border_radius.haml
index 80e480d4..2d302380 100644
--- a/doc-src/content/reference/compass/css3/border_radius.haml
+++ b/doc-src/content/reference/compass/css3/border_radius.haml
@@ -2,7 +2,7 @@
title: Compass Border Radius
crumb: Border Radius
framework: compass
-stylesheet: compass/css3/_border_radius.sass
+stylesheet: compass/css3/_border-radius.scss
meta_description: Specify the border radius for all browsers.
classnames:
- reference
diff --git a/doc-src/content/reference/compass/css3/box_shadow.haml b/doc-src/content/reference/compass/css3/box_shadow.haml
index 52921c4e..c0de1bab 100644
--- a/doc-src/content/reference/compass/css3/box_shadow.haml
+++ b/doc-src/content/reference/compass/css3/box_shadow.haml
@@ -2,7 +2,7 @@
title: Compass Box Shadow
crumb: Box Shadow
framework: compass
-stylesheet: compass/css3/_box_shadow.sass
+stylesheet: compass/css3/_box-shadow.scss
meta_description: Specify the box shadow for all browsers.
classnames:
- reference
diff --git a/doc-src/content/reference/compass/css3/box_sizing.haml b/doc-src/content/reference/compass/css3/box_sizing.haml
index 994fe70a..e5be373d 100644
--- a/doc-src/content/reference/compass/css3/box_sizing.haml
+++ b/doc-src/content/reference/compass/css3/box_sizing.haml
@@ -2,7 +2,7 @@
title: Compass Box Sizing
crumb: Box Sizing
framework: compass
-stylesheet: compass/css3/_box_sizing.sass
+stylesheet: compass/css3/_box-sizing.scss
meta_description: Specify the box sizing for all browsers.
classnames:
- reference
diff --git a/doc-src/content/reference/compass/css3/columns.haml b/doc-src/content/reference/compass/css3/columns.haml
index 7588cf65..b29939ac 100644
--- a/doc-src/content/reference/compass/css3/columns.haml
+++ b/doc-src/content/reference/compass/css3/columns.haml
@@ -2,7 +2,7 @@
title: Compass Columns
crumb: Columns
framework: compass
-stylesheet: compass/css3/_columns.sass
+stylesheet: compass/css3/_columns.scss
meta_description: Specify a columnar layout for all browsers.
classnames:
- reference
diff --git a/doc-src/content/reference/compass/css3/font_face.haml b/doc-src/content/reference/compass/css3/font_face.haml
index a6cdf123..6e9e0504 100644
--- a/doc-src/content/reference/compass/css3/font_face.haml
+++ b/doc-src/content/reference/compass/css3/font_face.haml
@@ -2,7 +2,7 @@
title: Compass Font Face
crumb: Font Face
framework: compass
-stylesheet: compass/css3/_font_face.sass
+stylesheet: compass/css3/_font-face.scss
meta_description: Specify a downloadable font face for all browsers.
classnames:
- reference
diff --git a/doc-src/content/reference/compass/css3/gradient.haml b/doc-src/content/reference/compass/css3/gradient.haml
index 04dcd975..aa044657 100644
--- a/doc-src/content/reference/compass/css3/gradient.haml
+++ b/doc-src/content/reference/compass/css3/gradient.haml
@@ -2,7 +2,7 @@
title: Compass Gradient
crumb: Gradient
framework: compass
-stylesheet: compass/css3/_gradient.sass
+stylesheet: compass/css3/_gradient.scss
meta_description: Specify linear gradients and radial gradients for all browsers.
classnames:
- reference
diff --git a/doc-src/content/reference/compass/css3/inline_block.haml b/doc-src/content/reference/compass/css3/inline_block.haml
index a9014967..c4244f4a 100644
--- a/doc-src/content/reference/compass/css3/inline_block.haml
+++ b/doc-src/content/reference/compass/css3/inline_block.haml
@@ -2,7 +2,7 @@
title: Compass Inline Block
crumb: Inline Block
framework: compass
-stylesheet: compass/css3/_inline_block.sass
+stylesheet: compass/css3/_inline-block.scss
meta_description: Declare an element inline block for all browsers.
classnames:
- reference
diff --git a/doc-src/content/reference/compass/css3/opacity.haml b/doc-src/content/reference/compass/css3/opacity.haml
index 7a9d16ee..f8fcc8d0 100644
--- a/doc-src/content/reference/compass/css3/opacity.haml
+++ b/doc-src/content/reference/compass/css3/opacity.haml
@@ -2,7 +2,7 @@
title: Compass Opacity
crumb: Opacity
framework: compass
-stylesheet: compass/css3/_opacity.sass
+stylesheet: compass/css3/_opacity.scss
meta_description: Specify the opacity for all browsers.
classnames:
- reference
diff --git a/doc-src/content/reference/compass/css3/text_shadow.haml b/doc-src/content/reference/compass/css3/text_shadow.haml
index c1ed6ae8..899f9a60 100644
--- a/doc-src/content/reference/compass/css3/text_shadow.haml
+++ b/doc-src/content/reference/compass/css3/text_shadow.haml
@@ -2,7 +2,7 @@
title: Compass Text Shadow
crumb: Text Shadow
framework: compass
-stylesheet: compass/css3/_text_shadow.sass
+stylesheet: compass/css3/_text-shadow.scss
meta_description: Specify the text shadow for all browsers.
classnames:
- reference
diff --git a/doc-src/content/reference/compass/css3/transform.haml b/doc-src/content/reference/compass/css3/transform.haml
index bd9e2e59..b60c4e0f 100644
--- a/doc-src/content/reference/compass/css3/transform.haml
+++ b/doc-src/content/reference/compass/css3/transform.haml
@@ -2,7 +2,7 @@
title: Compass Transform
crumb: Transform
framework: compass
-stylesheet: compass/css3/_transform.sass
+stylesheet: compass/css3/_transform.scss
meta_description: Specify the 2D transformation for all browsers.
classnames:
- reference
diff --git a/doc-src/content/reference/compass/css3/transition.haml b/doc-src/content/reference/compass/css3/transition.haml
index bf18a1ad..02f33183 100644
--- a/doc-src/content/reference/compass/css3/transition.haml
+++ b/doc-src/content/reference/compass/css3/transition.haml
@@ -2,7 +2,7 @@
title: Compass Transition
crumb: Transition
framework: compass
-stylesheet: compass/css3/_transition.sass
+stylesheet: compass/css3/_transition.scss
meta_description: Specify a style transition for all browsers.
classnames:
- reference
diff --git a/doc-src/content/reference/compass/layout.haml b/doc-src/content/reference/compass/layout.haml
index a2c54aad..72048f2b 100644
--- a/doc-src/content/reference/compass/layout.haml
+++ b/doc-src/content/reference/compass/layout.haml
@@ -2,7 +2,7 @@
title: Compass Layout
crumb: Layout
framework: compass
-stylesheet: compass/_layout.sass
+stylesheet: compass/_layout.scss
meta_description: Page layout module. So far, this is just the sticky-footer mixin.
classnames:
- reference
diff --git a/doc-src/content/reference/compass/layout/sticky_footer.haml b/doc-src/content/reference/compass/layout/sticky_footer.haml
index d247f3e6..7cfb88d3 100644
--- a/doc-src/content/reference/compass/layout/sticky_footer.haml
+++ b/doc-src/content/reference/compass/layout/sticky_footer.haml
@@ -2,7 +2,7 @@
title: Compass Sticky Footer
crumb: Sticky Footer
framework: compass
-stylesheet: compass/layout/_sticky_footer.sass
+stylesheet: compass/layout/_sticky-footer.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/compass/misc.haml b/doc-src/content/reference/compass/misc.haml
index 29f73931..353780c5 100644
--- a/doc-src/content/reference/compass/misc.haml
+++ b/doc-src/content/reference/compass/misc.haml
@@ -2,7 +2,7 @@
title: Compass Misc
crumb: Misc
framework: compass
-stylesheet: compass/_misc.sass
+stylesheet: compass/_misc.scss
meta_description: Cute stuff you probably don't need.
classnames:
- reference
diff --git a/doc-src/content/reference/compass/reset.haml b/doc-src/content/reference/compass/reset.haml
index fcb8c8b6..8129007f 100644
--- a/doc-src/content/reference/compass/reset.haml
+++ b/doc-src/content/reference/compass/reset.haml
@@ -2,7 +2,7 @@
title: Compass Reset
crumb: Reset
framework: compass
-stylesheet: compass/_reset.sass
+stylesheet: compass/_reset.scss
classnames:
- reference
meta_description: Adds a CSS Reset into your stylesheet.
diff --git a/doc-src/content/reference/compass/utilities.haml b/doc-src/content/reference/compass/utilities.haml
index 9c2b348b..55df7bf5 100644
--- a/doc-src/content/reference/compass/utilities.haml
+++ b/doc-src/content/reference/compass/utilities.haml
@@ -2,7 +2,7 @@
title: Compass Utilities
crumb: Utilities
framework: compass
-stylesheet: compass/_utilities.sass
+stylesheet: compass/_utilities.scss
classnames:
- reference
meta_description: Provides basic mixins for common styling patterns.
diff --git a/doc-src/content/reference/compass/utilities/general.haml b/doc-src/content/reference/compass/utilities/general.haml
index 12a5317d..dde01d12 100644
--- a/doc-src/content/reference/compass/utilities/general.haml
+++ b/doc-src/content/reference/compass/utilities/general.haml
@@ -2,7 +2,7 @@
title: Compass General
crumb: General
framework: compass
-stylesheet: compass/utilities/_general.sass
+stylesheet: compass/utilities/_general.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/compass/utilities/general/clearfix.haml b/doc-src/content/reference/compass/utilities/general/clearfix.haml
index a8bceda5..31e0118c 100644
--- a/doc-src/content/reference/compass/utilities/general/clearfix.haml
+++ b/doc-src/content/reference/compass/utilities/general/clearfix.haml
@@ -2,7 +2,7 @@
title: Compass Clearfix
crumb: Clearfix
framework: compass
-stylesheet: compass/utilities/general/_clearfix.sass
+stylesheet: compass/utilities/general/_clearfix.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/compass/utilities/general/float.haml b/doc-src/content/reference/compass/utilities/general/float.haml
index 0df0de01..6367639d 100644
--- a/doc-src/content/reference/compass/utilities/general/float.haml
+++ b/doc-src/content/reference/compass/utilities/general/float.haml
@@ -2,7 +2,7 @@
title: Compass Float
crumb: Float
framework: compass
-stylesheet: compass/utilities/general/_float.sass
+stylesheet: compass/utilities/general/_float.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/compass/utilities/general/hacks.haml b/doc-src/content/reference/compass/utilities/general/hacks.haml
index f4cced06..e71ef227 100644
--- a/doc-src/content/reference/compass/utilities/general/hacks.haml
+++ b/doc-src/content/reference/compass/utilities/general/hacks.haml
@@ -2,7 +2,7 @@
title: Compass Hacks
crumb: Hacks
framework: compass
-stylesheet: compass/utilities/general/_hacks.sass
+stylesheet: compass/utilities/general/_hacks.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/compass/utilities/general/min.haml b/doc-src/content/reference/compass/utilities/general/min.haml
index 773f5e4f..2291c188 100644
--- a/doc-src/content/reference/compass/utilities/general/min.haml
+++ b/doc-src/content/reference/compass/utilities/general/min.haml
@@ -2,7 +2,7 @@
title: Compass Min
crumb: Min
framework: compass
-stylesheet: compass/utilities/general/_min.sass
+stylesheet: compass/utilities/general/_min.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/compass/utilities/general/reset.haml b/doc-src/content/reference/compass/utilities/general/reset.haml
index 52a56aad..0f18c28f 100644
--- a/doc-src/content/reference/compass/utilities/general/reset.haml
+++ b/doc-src/content/reference/compass/utilities/general/reset.haml
@@ -2,7 +2,7 @@
title: Compass Reset
crumb: Reset
framework: compass
-stylesheet: compass/utilities/general/_reset.sass
+stylesheet: compass/utilities/general/_reset.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/compass/utilities/general/tabs.haml b/doc-src/content/reference/compass/utilities/general/tabs.haml
index 13c5730e..995ce8e5 100644
--- a/doc-src/content/reference/compass/utilities/general/tabs.haml
+++ b/doc-src/content/reference/compass/utilities/general/tabs.haml
@@ -2,7 +2,7 @@
title: Compass Tabs
crumb: Tabs
framework: compass
-stylesheet: compass/utilities/general/_tabs.sass
+stylesheet: compass/utilities/general/_tabs.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/compass/utilities/general/tag_cloud.haml b/doc-src/content/reference/compass/utilities/general/tag_cloud.haml
index 41c3cb11..7d3219d0 100644
--- a/doc-src/content/reference/compass/utilities/general/tag_cloud.haml
+++ b/doc-src/content/reference/compass/utilities/general/tag_cloud.haml
@@ -2,7 +2,7 @@
title: Compass Tag_cloud
crumb: Tag Cloud
framework: compass
-stylesheet: compass/utilities/general/_tag_cloud.sass
+stylesheet: compass/utilities/general/_tag-cloud.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/compass/utilities/links.haml b/doc-src/content/reference/compass/utilities/links.haml
index c1cca531..c757cac2 100644
--- a/doc-src/content/reference/compass/utilities/links.haml
+++ b/doc-src/content/reference/compass/utilities/links.haml
@@ -2,7 +2,7 @@
title: Compass Links
crumb: Links
framework: compass
-stylesheet: compass/utilities/_links.sass
+stylesheet: compass/utilities/_links.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/compass/utilities/links/hover_link.haml b/doc-src/content/reference/compass/utilities/links/hover_link.haml
index 36a3c24b..377499b9 100644
--- a/doc-src/content/reference/compass/utilities/links/hover_link.haml
+++ b/doc-src/content/reference/compass/utilities/links/hover_link.haml
@@ -2,7 +2,7 @@
title: Compass Hover Link
crumb: Hover Link
framework: compass
-stylesheet: compass/utilities/links/_hover_link.sass
+stylesheet: compass/utilities/links/_hover-link.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/compass/utilities/links/link_colors.haml b/doc-src/content/reference/compass/utilities/links/link_colors.haml
index 37a2cb2d..83b8e170 100644
--- a/doc-src/content/reference/compass/utilities/links/link_colors.haml
+++ b/doc-src/content/reference/compass/utilities/links/link_colors.haml
@@ -2,7 +2,7 @@
title: Compass Link Colors
crumb: Link Colors
framework: compass
-stylesheet: compass/utilities/links/_link_colors.sass
+stylesheet: compass/utilities/links/_link-colors.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/compass/utilities/links/unstyled_link.haml b/doc-src/content/reference/compass/utilities/links/unstyled_link.haml
index 408c067d..1adfebf1 100644
--- a/doc-src/content/reference/compass/utilities/links/unstyled_link.haml
+++ b/doc-src/content/reference/compass/utilities/links/unstyled_link.haml
@@ -2,7 +2,7 @@
title: Compass Unstyled Link
crumb: Unstyled Link
framework: compass
-stylesheet: compass/utilities/links/_unstyled_link.sass
+stylesheet: compass/utilities/links/_unstyled-link.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/compass/utilities/lists.haml b/doc-src/content/reference/compass/utilities/lists.haml
index 1d979873..54ffc03d 100644
--- a/doc-src/content/reference/compass/utilities/lists.haml
+++ b/doc-src/content/reference/compass/utilities/lists.haml
@@ -2,7 +2,7 @@
title: Compass Lists
crumb: Lists
framework: compass
-stylesheet: compass/utilities/_lists.sass
+stylesheet: compass/utilities/_lists.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/compass/utilities/lists/bullets.haml b/doc-src/content/reference/compass/utilities/lists/bullets.haml
index 1b8bac6c..9b3e3eaa 100644
--- a/doc-src/content/reference/compass/utilities/lists/bullets.haml
+++ b/doc-src/content/reference/compass/utilities/lists/bullets.haml
@@ -2,7 +2,7 @@
title: Compass Bullets
crumb: Bullets
framework: compass
-stylesheet: compass/utilities/lists/_bullets.sass
+stylesheet: compass/utilities/lists/_bullets.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/compass/utilities/lists/horizontal_list.haml b/doc-src/content/reference/compass/utilities/lists/horizontal_list.haml
index 633669ec..ee4c4cbe 100644
--- a/doc-src/content/reference/compass/utilities/lists/horizontal_list.haml
+++ b/doc-src/content/reference/compass/utilities/lists/horizontal_list.haml
@@ -2,7 +2,7 @@
title: Compass Horizontal List
crumb: Horizontal List
framework: compass
-stylesheet: compass/utilities/lists/_horizontal_list.sass
+stylesheet: compass/utilities/lists/_horizontal-list.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/compass/utilities/lists/inline_list.haml b/doc-src/content/reference/compass/utilities/lists/inline_list.haml
index e3ce84df..7bd4ef8d 100644
--- a/doc-src/content/reference/compass/utilities/lists/inline_list.haml
+++ b/doc-src/content/reference/compass/utilities/lists/inline_list.haml
@@ -2,7 +2,7 @@
title: Compass Inline List
crumb: Inline List
framework: compass
-stylesheet: compass/utilities/lists/_inline_list.sass
+stylesheet: compass/utilities/lists/_inline-list.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/compass/utilities/print.haml b/doc-src/content/reference/compass/utilities/print.haml
index bd836b3e..e7286b07 100644
--- a/doc-src/content/reference/compass/utilities/print.haml
+++ b/doc-src/content/reference/compass/utilities/print.haml
@@ -2,7 +2,7 @@
title: Compass Print
crumb: Print
framework: compass
-stylesheet: compass/utilities/_print.sass
+stylesheet: compass/utilities/_print.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/compass/utilities/sprites.haml b/doc-src/content/reference/compass/utilities/sprites.haml
index fda2e896..3bd499e2 100644
--- a/doc-src/content/reference/compass/utilities/sprites.haml
+++ b/doc-src/content/reference/compass/utilities/sprites.haml
@@ -2,7 +2,7 @@
title: Compass Sprites
crumb: Sprites
framework: compass
-stylesheet: compass/utilities/_sprites.sass
+stylesheet: compass/utilities/_sprites.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/compass/utilities/sprites/sprite_img.haml b/doc-src/content/reference/compass/utilities/sprites/sprite_img.haml
index 81d82f02..c41746f0 100644
--- a/doc-src/content/reference/compass/utilities/sprites/sprite_img.haml
+++ b/doc-src/content/reference/compass/utilities/sprites/sprite_img.haml
@@ -2,7 +2,7 @@
title: Compass Sprite Image
crumb: Sprite Image
framework: compass
-stylesheet: compass/utilities/sprites/_sprite_img.sass
+stylesheet: compass/utilities/sprites/_sprite-img.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/compass/utilities/tables.haml b/doc-src/content/reference/compass/utilities/tables.haml
index 986c6c14..5ff67e78 100644
--- a/doc-src/content/reference/compass/utilities/tables.haml
+++ b/doc-src/content/reference/compass/utilities/tables.haml
@@ -2,7 +2,7 @@
title: Compass Tables
crumb: Tables
framework: compass
-stylesheet: compass/utilities/_tables.sass
+stylesheet: compass/utilities/_tables.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/compass/utilities/tables/alternating_rows_and_columns.haml b/doc-src/content/reference/compass/utilities/tables/alternating_rows_and_columns.haml
index 80827a4a..ba1252f3 100644
--- a/doc-src/content/reference/compass/utilities/tables/alternating_rows_and_columns.haml
+++ b/doc-src/content/reference/compass/utilities/tables/alternating_rows_and_columns.haml
@@ -2,7 +2,7 @@
title: Compass Alternating Rows and Columns
crumb: Alternating Rows And Columns
framework: compass
-stylesheet: compass/utilities/tables/_alternating_rows_and_columns.sass
+stylesheet: compass/utilities/tables/_alternating-rows-and-columns.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/compass/utilities/tables/borders.haml b/doc-src/content/reference/compass/utilities/tables/borders.haml
index 5c2e1743..5fb3e189 100644
--- a/doc-src/content/reference/compass/utilities/tables/borders.haml
+++ b/doc-src/content/reference/compass/utilities/tables/borders.haml
@@ -2,7 +2,7 @@
title: Compass Borders
crumb: Borders
framework: compass
-stylesheet: compass/utilities/tables/_borders.sass
+stylesheet: compass/utilities/tables/_borders.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/compass/utilities/tables/scaffolding.haml b/doc-src/content/reference/compass/utilities/tables/scaffolding.haml
index e8842296..471239d5 100644
--- a/doc-src/content/reference/compass/utilities/tables/scaffolding.haml
+++ b/doc-src/content/reference/compass/utilities/tables/scaffolding.haml
@@ -2,7 +2,7 @@
title: Compass Scaffolding
crumb: Scaffolding
framework: compass
-stylesheet: compass/utilities/tables/_scaffolding.sass
+stylesheet: compass/utilities/tables/_scaffolding.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/compass/utilities/text.haml b/doc-src/content/reference/compass/utilities/text.haml
index 6d2dfd6f..437e61d1 100644
--- a/doc-src/content/reference/compass/utilities/text.haml
+++ b/doc-src/content/reference/compass/utilities/text.haml
@@ -2,7 +2,7 @@
title: Compass Text
crumb: Text
framework: compass
-stylesheet: compass/utilities/_text.sass
+stylesheet: compass/utilities/_text.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/compass/utilities/text/ellipsis.haml b/doc-src/content/reference/compass/utilities/text/ellipsis.haml
index e5200ee4..e97604fa 100644
--- a/doc-src/content/reference/compass/utilities/text/ellipsis.haml
+++ b/doc-src/content/reference/compass/utilities/text/ellipsis.haml
@@ -2,7 +2,7 @@
title: Compass Ellipsis
crumb: Ellipsis
framework: compass
-stylesheet: compass/utilities/text/_ellipsis.sass
+stylesheet: compass/utilities/text/_ellipsis.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/compass/utilities/text/nowrap.haml b/doc-src/content/reference/compass/utilities/text/nowrap.haml
index 9d0137a0..99f12d87 100644
--- a/doc-src/content/reference/compass/utilities/text/nowrap.haml
+++ b/doc-src/content/reference/compass/utilities/text/nowrap.haml
@@ -2,7 +2,7 @@
title: Compass Nowrap
crumb: Nowrap
framework: compass
-stylesheet: compass/utilities/text/_nowrap.sass
+stylesheet: compass/utilities/text/_nowrap.scss
classnames:
- reference
---
diff --git a/doc-src/content/reference/compass/utilities/text/replacement.haml b/doc-src/content/reference/compass/utilities/text/replacement.haml
index 444fb5c3..e07005c7 100644
--- a/doc-src/content/reference/compass/utilities/text/replacement.haml
+++ b/doc-src/content/reference/compass/utilities/text/replacement.haml
@@ -2,7 +2,7 @@
title: Compass Replacement
crumb: Replacement
framework: compass
-stylesheet: compass/utilities/text/_replacement.sass
+stylesheet: compass/utilities/text/_replacement.scss
classnames:
- reference
---
diff --git a/doc-src/content/stylesheets/example.sass b/doc-src/content/stylesheets/example.sass
index 3435faeb..3d6f25d6 100644
--- a/doc-src/content/stylesheets/example.sass
+++ b/doc-src/content/stylesheets/example.sass
@@ -22,5 +22,5 @@ body
margin: 0
overflow: auto
-@import partials/syntax.sass
+@import partials/syntax
\ No newline at end of file
diff --git a/doc-src/content/stylesheets/main.sass b/doc-src/content/stylesheets/main.sass
index 4dc5c9f5..ddf0863c 100644
--- a/doc-src/content/stylesheets/main.sass
+++ b/doc-src/content/stylesheets/main.sass
@@ -154,4 +154,4 @@ body#reference-compass-css3
#text-shadow
+text-shadow(red)
-@import partials/syntax.sass
\ No newline at end of file
+@import partials/syntax
\ No newline at end of file
diff --git a/doc-src/content/stylesheets/partials/_syntax.sass b/doc-src/content/stylesheets/partials/_syntax.sass
index 4e23826f..44b85c55 100644
--- a/doc-src/content/stylesheets/partials/_syntax.sass
+++ b/doc-src/content/stylesheets/partials/_syntax.sass
@@ -1,2 +1,2 @@
-@import partials/syntax/coderay.sass
-@import partials/syntax/pygments.sass
\ No newline at end of file
+@import partials/syntax/coderay
+@import partials/syntax/pygments
\ No newline at end of file
diff --git a/doc-src/content/stylesheets/partials/syntax/_coderay.sass b/doc-src/content/stylesheets/partials/syntax/_coderay.sass
index 53e560f3..919f8a06 100644
--- a/doc-src/content/stylesheets/partials/syntax/_coderay.sass
+++ b/doc-src/content/stylesheets/partials/syntax/_coderay.sass
@@ -1,7 +1,7 @@
.CodeRay
.debug
- color: white ! important
- background: blue ! important
+ color: white !important
+ background: blue !important
.af
color: #00C
.an
diff --git a/doc-src/content/tutorials/best_practices.haml b/doc-src/content/tutorials/best_practices.haml
index 8f9f1a2a..34540ff8 100644
--- a/doc-src/content/tutorials/best_practices.haml
+++ b/doc-src/content/tutorials/best_practices.haml
@@ -8,7 +8,7 @@ crumb: Best practices
%p
Create a
%code
- _base.sass
+ _base.scss
%a{ :href => "http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#partials" }
partial
to initialize your stylesheets with common variables and (
@@ -16,43 +16,43 @@ crumb: Best practices
often
) the framework utilities you plan to use:
%h4
- _base.sass
+ _base.scss
%pre
\!blueprint_grid_columns = 24
\!blueprint_grid_width = 30px
\!blueprint_grid_margin = 10px
\!font_color = #333
\
- @import compass/reset.sass
- @import compass/utilities.sass
- @import blueprint/screen.sass
+ @import compass/reset.scss
+ @import compass/utilities.scss
+ @import blueprint/screen.scss
\
\// etc.
%p
The
%code
- _base.sass
+ _base.scss
file is also a great place to keep your own custom mixins, so they’re available to any stylesheet that includes it.
%p
Then you can include this file in all other stylesheets:
%h4
- application.sass
+ application.scss
%pre
- @import base.sass
+ @import base.scss
\
\#wrapper
\ +container
\
\// etc.
%p
- It is important to define any compass/framework constants that you want to override in base.sass first, before @import-ing the framework files. See
+ It is important to define any compass/framework constants that you want to override in base.scss first, before @import-ing the framework files. See
%a{ :href => "http://wiki.github.com/chriseppstein/compass/overriding-constants" }
Overriding Constants
, for an example of where the number of grid columns for blueprint is overridden/set to 32.
%br
Note that you can refer to
%code
- _base.sass
+ _base.scss
without the leading underscore, since it is a
%a{ :href => "http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#partials" }
partial
diff --git a/doc-src/content/tutorials/configurable-variables.haml b/doc-src/content/tutorials/configurable-variables.haml
index e470712c..616cb6f1 100644
--- a/doc-src/content/tutorials/configurable-variables.haml
+++ b/doc-src/content/tutorials/configurable-variables.haml
@@ -27,4 +27,4 @@ classnames:
Because of this, it is common to have one or more partials
that set the constants first and get imported before any other imports in your stylesheet(s).
- This is commonly referred to as the "base" stylesheet and is usually named `_base.sass`.
\ No newline at end of file
+ This is commonly referred to as the "base" stylesheet and is usually named `_base.scss`.
\ No newline at end of file
diff --git a/doc-src/layouts/partials/breadcrumbs.haml b/doc-src/layouts/partials/breadcrumbs.haml
index 49a00695..e219bbec 100644
--- a/doc-src/layouts/partials/breadcrumbs.haml
+++ b/doc-src/layouts/partials/breadcrumbs.haml
@@ -1,6 +1,7 @@
- if breadcrumbs_trail.size > 1
%ol#breadcrumbs
- breadcrumbs_trail.each_with_index do |bc, index|
+ - next unless bc
- klass = "first" if index == 0
- klass = "last" if index == breadcrumbs_trail.size - 1
%li{:class => klass}= link_to_unless_current((bc[:crumb] || bc[:title]), bc.reps.find { |r| r.name == :default })
diff --git a/doc-src/layouts/partials/reference/const_table.haml b/doc-src/layouts/partials/reference/const_table.haml
index 6a1d7651..2ffd6ca2 100644
--- a/doc-src/layouts/partials/reference/const_table.haml
+++ b/doc-src/layouts/partials/reference/const_table.haml
@@ -4,7 +4,7 @@
%a.permalink{:href => "#const-#{const_id}"}= "!"+constant_def.name
%dl.constant-details.source-documentation
%dt Value
- %dd= constant_def.expr.to_sass(:html)
+ %dd= constant_def.expr.to_sass(:format => :html)
- if constant_def.comment
%dt Description
%dd= format_doc constant_def.comment
diff --git a/doc-src/layouts/partials/sidebar.haml b/doc-src/layouts/partials/sidebar.haml
index a20bb925..3ce42102 100644
--- a/doc-src/layouts/partials/sidebar.haml
+++ b/doc-src/layouts/partials/sidebar.haml
@@ -10,8 +10,8 @@
Frameworks
%ul
- = item_tree(reference_item(:stylesheet => "_compass.sass"))
- = item_tree(reference_item(:stylesheet => "_blueprint.sass"))
+ = item_tree(reference_item(:stylesheet => "_compass.scss"))
+ = item_tree(reference_item(:stylesheet => "_blueprint.scss"))
%h3
Misc
diff --git a/doc-src/lib/stylesheets.rb b/doc-src/lib/stylesheets.rb
index b4375df1..1824c835 100644
--- a/doc-src/lib/stylesheets.rb
+++ b/doc-src/lib/stylesheets.rb
@@ -12,7 +12,8 @@ def tree(item)
@site.cached(tree_key(item)) do
file = File.join(stylesheets_dir(item[:framework]), item[:stylesheet])
contents = File.read(file)
- Sass::Engine.new(contents).send :to_tree
+ syntax = item[:stylesheet] =~ /\.scss$/ ? :scss : :sass
+ Sass::Engine.new(contents, :syntax => syntax).send :to_tree
end
end
diff --git a/doc-src/lib/stylesheets/sass_extensions.rb b/doc-src/lib/stylesheets/sass_extensions.rb
index 6881fd77..fe89cb67 100644
--- a/doc-src/lib/stylesheets/sass_extensions.rb
+++ b/doc-src/lib/stylesheets/sass_extensions.rb
@@ -1,123 +1,28 @@
require 'sass'
module Sass
module Tree
- class Node
- private
- def tab(s, indent_level = 1)
- s.split("\n").join("\n" + " " * indent_level)
- end
- def children_to_sass
- # remove hidden code
- clean_children = children.inject([[],true]) do |m,c|
- if c.respond_to?(:doc) && !c.doc.nil?
- [m.first, c.doc]
- else
- if m.last
- [m.first + [c], true]
- else
- m
- end
- end
- end
- tab(clean_children.first.
- map{|c| c.to_sass}.join("\n"))
- end
- end
class VariableNode < Node
attr_accessor :name unless method_defined? :name
attr_accessor :expr unless method_defined? :expr
attr_accessor :guarded unless method_defined? :guarded
attr_accessor :comment unless method_defined? :comment
end
- class IfNode < Node
- def to_sass
- if @expr.nil?
- children_to_sass
- else
- sass_str = %Q{@if #{@expr.to_sass}
- - #{children_to_sass}
- -}.gsub(/^\s+-/,'')
- if @else
- sass_str << %Q{@else
- - #{tab @else.to_sass}
- -}.gsub(/^\s+-/,'')
- end
- sass_str
- end
- end
- end
class DebugNode < Node
def to_sass
""
end
end
- class CommentNode < Node
- def to_sass
- comment = silent ? "//" : "/*"
- comment << " " << value
- lines.each do |line|
- comment << " " << line
- end
- comment
- end
- end
- class RuleNode < Node
- def to_sass
- rules.join(",\n")+"\n #{children_to_sass}"
- end
- end
- class ForNode < Node
- def to_sass
- sass_str = "@for !#{@var} from #{@from.to_sass} #{@exclusive ? "to" : "thru"} #{@to.to_sass}"
- sass_str << "\n #{children_to_sass}"
- sass_str
- end
- end
- class PropNode < Node
- def to_sass
- sass_str = "#{name}"
- sass_str << (value.is_a?(Script::Node) ? "=" : ":")
- if value
- sass_str << " " unless value.nil?
- sass_str << (value.is_a?(Script::Node) ? value.to_sass : value)
- end
- unless (s = children_to_sass).empty?
- sass_str << "\n #{s}"
- end
- sass_str
- end
- end
class MixinNode < Node
attr_accessor :name unless method_defined? :name
attr_accessor :args unless method_defined? :args
- def to_sass
- sass_str = "+#{name}"
- if args && args.any?
- sass_str << "(#{args.map{|a| a.inspect}.join(", ")})"
- end
- sass_str
- end
end
class VariableNode < Node
attr_accessor :comment unless method_defined? :comment
- def to_sass
- "!#{@name} #{"||" if @guarded}= #{expr.to_sass}"
- end
- end
- class DirectiveNode < Node
- def to_sass
- "#{self.value}\n #{children_to_sass}\n"
- end
end
class MixinDefNode < Node
attr_accessor :name unless method_defined? :name
attr_accessor :args unless method_defined? :args
attr_accessor :comment unless method_defined? :comment
-
- def to_sass
- "#{sass_signature}\n #{children_to_sass}\n"
- end
-
def sass_signature(mode = :definition, format = :text)
prefix = case mode
when :definition
@@ -141,9 +46,9 @@ module Sass
sass_str = ""
if format == :html
ddv = %Q{ data-default-value="#{h(default_value.to_sass)}"} if default_value
- sass_str = %Q{#{name.inspect}}
+ sass_str = %Q{#{name.to_sass}}
else
- sass_str = "#{name.inspect}"
+ sass_str = "#{name.to_sass}"
if default_value
sass_str << " = "
sass_str << default_value.to_sass
@@ -160,7 +65,7 @@ module Sass
docstring.gsub(/@doc off(.*?)@doc on/m, '')
end
def docstring
- ([value] + lines).join("\n").gsub(/(^\| )|(^\|$)/, '')
+ value.gsub(/(^\| )|(^\|$)/, '')
end
def doc
if value == "@doc off"
@@ -172,111 +77,14 @@ module Sass
end
end
module Script
- class Bool < Literal
- def to_sass(format = :text)
- to_s
- end
- end
class Color < Literal
- def to_sass(format = :text)
- if format == :html
+ def to_sass(options = {})
+ if options[:format] == :html
%Q{#{to_s}}
else
to_s
end
end
end
- class Funcall < Node
- def to_sass(format = :text)
- "#{name}(#{args.map {|a| a.to_sass(format)}.join(', ')})"
- end
- end
- class Number < Literal
- def to_sass(format = :text)
- value = if self.value.is_a?(Float) && (self.value.infinite? || self.value.nan?)
- self.value
- elsif int?
- self.value.to_i
- else
- (self.value * PRECISION).round / PRECISION
- end
- value = "#{value}#{numerator_units.first}"
- if (nu = numerator_units[1..-1]) && nu.any?
- value << " * " + nu.map{|u| "1#{u}"}.join(" * ")
- end
- if (du = denominator_units) && du.any?
- value << " / " + du.map{|u| "1#{u}"}.join(" / ")
- end
- value
- end
- end
- class Operation < Node
- attr_accessor :operator unless method_defined? :operator
- unless defined? OPERATORS_TO_SASS
- OPERATORS_TO_SASS = {
- :plus => ' + ',
- :minus => ' - ',
- :div => ' / ',
- :times => ' * ',
- :comma => ', ',
- :concat => ' ',
- :neq => ' != ',
- :eq => ' == ',
- :or => ' or ',
- :and => ' and ',
- :mod => ' % '
- }
- # higher numbers take predence over lower numbers
- OPERATOR_PRECEDENCE = {
- :plus => 2,
- :minus => 2,
- :div => 3,
- :times => 3,
- :comma => 1,
- :concat => 1,
- :neq => 0,
- :eq => 0,
- :or => 2,
- :and => 3,
- :mod => 4
- }
- end
- def to_sass(format = :text)
- "#{operand_to_sass(@operand1, format)}#{OPERATORS_TO_SASS[@operator]}#{operand_to_sass(@operand2, format)}"
- end
- def operand_to_sass(operand, format = :text)
- if parenthize_operand?(operand)
- "(#{operand.to_sass(format)})"
- else
- operand.to_sass(format)
- end
- end
- def parenthize_operand?(operand)
- return false unless operand.is_a?(Operation)
- OPERATOR_PRECEDENCE[operand.operator] < OPERATOR_PRECEDENCE[self.operator]
- end
- end
- class String < Literal
- def to_sass(format = :text)
- %q{"}+value.gsub(%r{"},%q{\"})+%q{"}
- end
- end
- class UnaryOperation < Node
- unless defined? OPERATORS_TO_SASS
- OPERATORS_TO_SASS = {
- :minus => "-",
- :div => "/",
- :not => "not "
- }
- end
- def to_sass(format = :text)
- "#{OPERATORS_TO_SASS[@operator]}#{@operand.to_sass}"
- end
- end
- class Variable < Node
- def to_sass(format = :text)
- inspect
- end
- end
end
end