compass 0.10.0.rc1 → 0.10.0.rc2

data/examples/susy/src/_defaults.scss

@@ -0,0 +1,140 @@
+//** DEFAULT STYLES **//
+// Don't forget to set your default styles.
+
+// Get all the details and mixins from base
+@import "base";
+
+// Reset browser defaults, and prepare block-level HTML5 elements
+@import "susy/reset";
+@import "compass/css3";
+
+/* @group defaults */
+
+body {
+  @include sans-family;
+  color: $main; }
+
+/* @group links */
+
+:focus {
+  outline: 1px dotted $alt; }
+
+a {
+  &:link, &:visited {
+    color: $alt; }
+  &:focus, &:hover, &:active {
+    color: $alt - #222222;
+    text-decoration: none; } }
+
+/* @end */
+
+/* @group headers */
+
+h1, h2, h3, h4, h5, h6 {
+  font-weight: bold; }
+
+/* @end */
+
+/* @group forms */
+
+form *:focus {
+  outline: none; }
+
+fieldset {
+  margin: $base_line_height 0; }
+
+legend {
+  font-weight: bold;
+  font-variant: small-caps; }
+
+label {
+  display: block;
+  margin-top: $base_line_height; }
+
+legend + label {
+  margin-top: 0; }
+
+textarea, input[type="text"] {
+  @include box-sizing(border-box);
+  width: 100%; }
+
+/* @end */
+
+/* @group tables */
+
+/* tables still need 'cellspacing="0"' in the markup */
+
+table {
+  width: 100%;
+  border: 1 / 16 + unquote("em solid") $main + #333333 {
+    left: none;
+    right: none; };
+  padding: 7 / 16 + unquote("em 0");
+  margin: 8 / 16 + unquote("em 0"); }
+
+th {
+  font-weight: bold; }
+
+/* @end */
+
+/* @group block tags */
+
+p {
+  margin: $base_line_height 0; }
+
+@mixin list-default($ol: false) {
+  margin: $base_line_height;
+  @if $ol {
+    list-style: decimal; }
+  @else {
+    list-style: disc; } }
+
+@mixin no-style-list {
+  @include no-bullets;
+  margin: 0;
+  padding: 0; }
+
+ol {
+  @include list-default(ol); }
+
+ul {
+  @include list-default; }
+
+blockquote {
+  margin: $base_line_height;
+  @include serif-family; }
+
+/* @end */
+
+/* @group inline tags */
+
+cite {
+  font-style: italic; }
+
+em {
+  font-style: italic; }
+
+strong {
+  font-weight: bold; }
+
+ins {
+  text-decoration: underline; }
+
+del {
+  text-decoration: line-through; }
+
+q {
+  font-style: italic;
+  em {
+    font-style: normal; } }
+
+/* @end */
+
+/* @group replaced tags */
+
+img {
+  vertical-align: bottom; }
+
+/* @end */
+
+/* @end */

data/examples/susy/src/screen.scss

@@ -0,0 +1,100 @@
+/* Welcome to Susy. Use this file to define screen styles.
+ * Import this file using the following HTML or equivalent:
+ * <link href="/stylesheets/screen.css" media="screen" rel="stylesheet" type="text/css" /> */
+
+@import "defaults";
+
+/* @group STRUCTURE */
+
+#skip-links {
+  ul {
+    @include no-style-list; }
+  a {
+    @include skip-link;
+    width: 100%; } }
+
+body {
+  @include susy; }
+
+#page {
+  position: relative;
+  @include container;
+  background: rgba(0, 0, 0, 0.1); }
+
+h1, h2 {
+  @include serif-family;
+  text-transform: uppercase;
+  text-align: center;
+  background: rgba(0, 0, 0, 0.15);
+  letter-spacing: 1 / 14 + em; }
+
+h1 + p, h2 + p, p:first-child {
+  margin-top: 0; }
+
+header[role="banner"], #site-nav {
+  @include full;
+  h1 {
+    font-size: 1.5em;
+    line-height: 2em; } }
+
+#site-nav {
+  text-align: center;
+  padding: 1.5em;
+  ul {
+    @include inline-block-list(0.5em); } }
+
+#content {
+  > aside {
+    @include columns(2);
+    &:first-child {
+      @include alpha; }
+    & + aside {
+      @include omega; } }
+  section[role="main"] {
+    @include columns(6);
+    > section {
+      @include full(6); }
+    .major {
+      article {
+        @include columns(3, 6);
+        & + article {
+          @include omega(6); } } }
+    .minor {
+      aside {
+        @include columns(2, 6); }
+      article {
+        @include columns(4, 6);
+        @include omega(6);
+        header, .body {
+          @include columns(2, 4); }
+        .body {
+          @include omega(4); }
+        footer {
+          @include full(4); } } } } }
+
+footer[role="contentinfo"] {
+  @include full;
+  border-top: 1 / 14 + unquote("em dotted");
+  padding-top: 13 / 14 + em; }
+
+/* @end */
+
+/* @group COMPONENTS by type */
+
+/* @end */
+
+/* @group OVERRIDES by content */
+
+/* @end */
+
+/* @group OVERRIDES by page */
+
+/* @end */
+
+/* @group DEBUG */
+
+// Uncomment, adjust and use for debugging
+// #page
+//   +show-grid("your-grid-image.png")
+
+/* @end */

data/examples/yui/clean.rb

@@ -0,0 +1,2 @@
+require 'fileutils'
+FileUtils.rm_rf "#{File.dirname(__FILE__)}/extensions"

data/examples/yui/config.rb

@@ -0,0 +1 @@
+sass_options = {:quiet => true}

data/examples/yui/src/screen.scss

@@ -0,0 +1,13 @@
+@import "yui";
+@import "compass/reset";
+
+@include yui;
+
+.bigger {
+  @include font-size(16px); }
+
+.biggest {
+  @include font-size(18px); }
+
+.bigger .biggest {
+  @include font-size(18px, 16px); }

data/features/command_line.feature

@@ -7,12 +7,12 @@ Feature: Command Line
     When I create a project using: compass create my_project
     Then a directory my_project/ is created
     And a configuration file my_project/config.rb is created
-    And a sass file my_project/src/screen.sass is created
-    And a sass file my_project/src/print.sass is created
-    And a sass file my_project/src/ie.sass is created
-    And a sass file my_project/src/screen.sass is compiled
-    And a sass file my_project/src/print.sass is compiled
-    And a sass file my_project/src/ie.sass is compiled
+    And a sass file my_project/src/screen.scss is created
+    And a sass file my_project/src/print.scss is created
+    And a sass file my_project/src/ie.scss is created
+    And a sass file my_project/src/screen.scss is compiled
+    And a sass file my_project/src/print.scss is compiled
+    And a sass file my_project/src/ie.scss is compiled
     And a css file my_project/stylesheets/screen.css is created
     And a css file my_project/stylesheets/print.css is created
     And a css file my_project/stylesheets/ie.css is created
@@ -24,12 +24,12 @@ Feature: Command Line
     When I create a project using: compass create bp_project --using blueprint
     Then a directory bp_project/ is created
     And a configuration file bp_project/config.rb is created
-    And a sass file bp_project/src/screen.sass is created
-    And a sass file bp_project/src/print.sass is created
-    And a sass file bp_project/src/ie.sass is created
-    And a sass file bp_project/src/screen.sass is compiled
-    And a sass file bp_project/src/print.sass is compiled
-    And a sass file bp_project/src/ie.sass is compiled
+    And a sass file bp_project/src/screen.scss is created
+    And a sass file bp_project/src/print.scss is created
+    And a sass file bp_project/src/ie.scss is created
+    And a sass file bp_project/src/screen.scss is compiled
+    And a sass file bp_project/src/print.scss is compiled
+    And a sass file bp_project/src/ie.scss is compiled
     And a css file bp_project/stylesheets/screen.css is created
     And a css file bp_project/stylesheets/print.css is created
     And a css file bp_project/stylesheets/ie.css is created
@@ -44,7 +44,7 @@ Feature: Command Line
     And a directory custom_project/sass/ is created
     And a directory custom_project/css/ is created
     And a directory custom_project/assets/imgs/ is created
-    And a sass file custom_project/sass/screen.sass is created
+    And a sass file custom_project/sass/screen.scss is created
     And a css file custom_project/css/screen.css is created
     And an image file custom_project/assets/imgs/grid.png is created
 
@@ -52,9 +52,9 @@ Feature: Command Line
     When I create a project using: compass create my_project --dry-run
     Then a directory my_project/ is not created
     But a configuration file my_project/config.rb is reported created
-    And a sass file my_project/src/screen.sass is reported created
-    And a sass file my_project/src/print.sass is reported created
-    And a sass file my_project/src/ie.sass is reported created
+    And a sass file my_project/src/screen.scss is reported created
+    And a sass file my_project/src/print.scss is reported created
+    And a sass file my_project/src/ie.scss is reported created
     And I am told how to link to /stylesheets/screen.css for media "screen, projection"
     And I am told how to link to /stylesheets/print.css for media "print"
     And I am told how to conditionally link "IE" to /stylesheets/ie.css for media "screen, projection"
@@ -80,9 +80,9 @@ Feature: Command Line
     Then a config file config/compass.rb is reported created
     Then a config file config/compass.rb is created
     And a sass file config/initializers/compass.rb is created
-    And a sass file app/stylesheets/screen.sass is created
-    And a sass file app/stylesheets/print.sass is created
-    And a sass file app/stylesheets/ie.sass is created
+    And a sass file app/stylesheets/screen.scss is created
+    And a sass file app/stylesheets/print.scss is created
+    And a sass file app/stylesheets/ie.scss is created
 
   Scenario: Compiling an existing project.
     Given I am using the existing project in test/fixtures/stylesheets/compass
@@ -143,7 +143,7 @@ Feature: Command Line
   Scenario: Installing a pattern into a project
     Given I am using the existing project in test/fixtures/stylesheets/compass
     When I run: compass install blueprint/buttons
-    Then a sass file sass/buttons.sass is created
+    Then a sass file sass/buttons.scss is created
     And an image file images/buttons/cross.png is created
     And an image file images/buttons/key.png is created
     And an image file images/buttons/tick.png is created
@@ -234,14 +234,17 @@ Feature: Command Line
     Then my css is validated
     And I am informed that my css is valid.
 
+  @broken
   Scenario: Get stats for my project
     Given I am using the existing project in test/fixtures/stylesheets/compass
     When I run: compass stats
     Then I am told statistics for each file:
-      | Filename            | Rules | Properties | Mixins Defs | Mixins Used | CSS Rules | CSS Properties |
-      | sass/layout.sass    |     0 |          0 |           0 |           1 |         5 |              9 |
-      | sass/print.sass     |     0 |          0 |           0 |           2 |        61 |             61 |
-      | sass/reset.sass     |     4 |          1 |           0 |           2 |       191 |            665 |
-      | sass/utilities.sass |     2 |          0 |           0 |           2 |         5 |             11 |
-      | Total.*             |     6 |          1 |           0 |           7 |       262 |            746 |
+      | Filename             | Rules | Properties | Mixins Defs | Mixins Used | CSS Rules | CSS Properties |
+      | sass/gradients.sass  |    19 |          0 |           0 |          19 |        19 |             19 |
+      | sass/image_size.sass |     4 |          8 |           0 |           0 |         4 |              8 |
+      | sass/layout.sass     |     0 |          0 |           0 |           1 |         5 |             10 |
+      | sass/print.sass      |     0 |          0 |           0 |           2 |        61 |             61 |
+      | sass/reset.sass      |     4 |          1 |           0 |           2 |       191 |            665 |
+      | sass/utilities.sass  |     2 |          0 |           0 |           2 |         5 |             11 |
+      | Total.*              |    29 |          9 |           0 |          26 |       285 |            774 |
 

data/frameworks/_blueprint_deprecated_imports/stylesheets/_blueprint.sass

@@ -0,0 +1,2 @@
+@warn "DEPRECATED: Please change your @import of blueprint.sass to: @import \"blueprint\""
+@import blueprint.scss

data/frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/_buttons.sass

@@ -0,0 +1,2 @@
+@warn "DEPRECATED: Please change your @import of blueprint/buttons.sass to: @import \"blueprint/buttons\""
+@import blueprint/buttons.scss

data/frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/_colors.sass

@@ -0,0 +1,2 @@
+@warn "DEPRECATED: Please change your @import of blueprint/colors.sass to: @import \"blueprint/colors\""
+@import blueprint/colors.scss

data/frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/_debug.sass

@@ -0,0 +1,2 @@
+@warn "DEPRECATED: Please change your @import of blueprint/debug.sass to: @import \"blueprint/debug\""
+@import blueprint/debug.scss

data/frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/_fancy_type.sass

@@ -0,0 +1,2 @@
+@warn "DEPRECATED: Please change your @import of blueprint/fancy_type.sass to: @import \"blueprint/fancy-type\""
+@import blueprint/fancy-type.scss

data/frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/_form.sass

@@ -0,0 +1,2 @@
+@warn "DEPRECATED: Please change your @import of blueprint/form.sass to: @import \"blueprint/form\""
+@import blueprint/form.scss

data/frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/_grid.sass

@@ -0,0 +1,2 @@
+@warn "DEPRECATED: Please change your @import of blueprint/grid.sass to: @import \"blueprint/grid\""
+@import blueprint/grid.scss

data/frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/_ie.sass

@@ -0,0 +1,2 @@
+@warn "DEPRECATED: Please change your @import of blueprint/ie.sass to: @import \"blueprint/ie\""
+@import blueprint/ie.scss

data/frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/_interaction.sass

@@ -0,0 +1,2 @@
+@warn "DEPRECATED: Please change your @import of blueprint/interaction.sass to: @import \"blueprint/interaction\""
+@import blueprint/interaction.scss

data/frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/_link_icons.sass

@@ -0,0 +1,2 @@
+@warn "DEPRECATED: Please change your @import of blueprint/link_icons.sass to: @import \"blueprint/link-icons\""
+@import blueprint/link-icons.scss

data/frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/_liquid.sass

@@ -0,0 +1,2 @@
+@warn "DEPRECATED: Please change your @import of blueprint/liquid.sass to: @import \"blueprint/liquid\""
+@import blueprint/liquid.scss

data/frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/_print.sass

@@ -0,0 +1,2 @@
+@warn "DEPRECATED: Please change your @import of blueprint/print.sass to: @import \"blueprint/print\""
+@import blueprint/print.scss

data/frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/_reset.sass

@@ -0,0 +1,2 @@
+@warn "DEPRECATED: Please change your @import of blueprint/reset.sass to: @import \"blueprint/reset\""
+@import blueprint/reset.scss

data/frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/_rtl.sass

@@ -0,0 +1,2 @@
+@warn "DEPRECATED: Please change your @import of blueprint/rtl.sass to: @import \"blueprint/rtl\""
+@import blueprint/rtl.scss

data/frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/_scaffolding.sass

@@ -0,0 +1,2 @@
+@warn "DEPRECATED: Please change your @import of blueprint/scaffolding.sass to: @import \"blueprint/scaffolding\""
+@import blueprint/scaffolding.scss

data/frameworks/_blueprint_deprecated_imports/stylesheets/blueprint/_screen.sass

@@ -0,0 +1,2 @@
+@warn "DEPRECATED: blueprint/screen.sass will be removed. Please @import \"blueprint\" instead."
+@import blueprint.sass

data/frameworks/{blueprint → _blueprint_deprecated_imports}/stylesheets/blueprint/_typography.sass

@@ -1,6 +1,6 @@
 @import colors.sass
-@import compass/utilities/links/link_colors.sass
-@import compass/utilities/general/float.sass
+@import compass/utilities/links/link-colors
+@import compass/utilities/general/float
 
 !blueprint_font_family       ||= "Helvetica Neue, Arial, Helvetica, sans-serif"
 !blueprint_fixed_font_family ||= "'andale mono', 'lucida console', monospace"
@@ -26,7 +26,7 @@
     #{!body_selector}
       +blueprint-typography-body
       @if !body_selector != "body"
-        @debug "[DEPRECATED] To specify a the selector \"#{!body_selector}\" to +blueprint-typography, pass true as the first argument and mix it into #{!body_selector}."
+        @warn "[DEPRECATED] To specify a the selector \"#{!body_selector}\" to +blueprint-typography, pass true as the first argument and mix it into #{!body_selector}."
         +blueprint-typography-defaults
     @if !body_selector == "body"
       +blueprint-typography-defaults