compass-sass37 1.1.0

data/test/fixtures/stylesheets/compass/sass/transition.scss

@@ -0,0 +1,21 @@
+@import "compass/css3/transition";
+
+.single-transition-without-delay  { @include single-transition(all, 0.6s, ease-out); }
+.single-transition-with-delay     { @include single-transition(all, 0.6s, ease-out, 0.2s); }
+.transition-duration-list { @include transition-duration((0.2s, 0.5s, 0.2s)); }
+.multiple-transition-durations { @include transition-duration(0.2s, 0.5s, 0.2s); }
+.single-transform-transition-without-delay  { @include single-transition(transform, 0.6s, ease-out); }
+.single-transform-transition-with-delay     { @include single-transition(transform, 0.6s, ease-out, 0.2s); }
+.transform-transition { @include transition(transform 0.6s ease-out) }
+.multiple-transitions { @include transition(transform 0.6s ease-out, opacity 0.2s ease-in) }
+.transition-property { @include transition-property(transform); }
+.transition-properties { @include transition-property(transform, opacity, width, height, left, top); }
+.multiple-transition-properties { @include transition-property((opacity, transform, left)); }
+.default-transition { @include transition(); }
+.transition-timing { @include transition-timing-function(ease-in); }
+.transition-timings { @include transition-timing-function(ease-in, cubic-bezier(1,0,1,0)); }
+.transition-timings-list { @include transition-timing-function((ease-in, cubic-bezier(1,0,1,0))); }
+.transition-delay { @include transition-delay(1s); }
+.transition-delays { @include transition-delay(1s, 2s, 3s); }
+.transition-delays-list { @include transition-delay((1s, 2s, 3s)); }
+.regression-912 { @include transition((background-color 0.5s ease-in 0s, width 0.5s ease-out 0s, height 0.5s ease-in 0s, top 0.5s ease-out 0s)); }

data/test/fixtures/stylesheets/compass/sass/typography/links/hover-link.scss

@@ -0,0 +1,3 @@
+@import "compass/typography/links/hover-link";
+
+a { @include hover-link; }

data/test/fixtures/stylesheets/compass/sass/units.scss

@@ -0,0 +1,50 @@
+$base-font-size: 16px;
+
+@import "compass/typography/units";
+
+.foo {
+	width: 600px;
+	height: 200px;
+}
+
+.foo .test {
+	/* 16px for margins should be 1em */
+	margin-top: convert-length(16px, em);
+
+	/* 16px for margins should be 2.66667% (relative to parent's width) */
+	margin-right: convert-length(16px, '%', $to-context: 600px);
+
+	/* 1.35em for margins should be 3.6% (relative to parent's width,
+	 * even for top and bottom margins) */
+	margin-bottom: convert-length(1.35em, '%', $to-context: 600px);
+
+	/* 16px for margins should be 2ex */
+	margin-left: convert-length(16px, ex);
+}
+
+.bar {
+	font-size: 18px;
+	width: 360px;
+}
+
+.bar .test {
+	/* 150% for line-height should be 27px */
+	line-height: convert-length(150%, px, 18px);
+
+	/* 1px should always be .0625rem for this page */
+	border-top: convert-length(1px, rem);
+
+	/* 2em for this element should be 9.525mm (relative to own font-size, as inherited) */
+	margin-top: convert-length(2em, mm, 18px);
+
+	/* 2px for margins should be .55556% (relative to parent's width) */
+	margin-right: convert-length(2px, '%', $to-context: 360px);
+
+	/* 1rem should always be 16px for this page, even when own font-size is 18px */
+	margin-bottom: convert-length(1rem, px);
+}
+
+.rem {
+	$val: 25rem, 100% 32px;
+	@include rem(background-size, $val, true);
+}

data/test/fixtures/stylesheets/compass/sass/user-interface.scss

@@ -0,0 +1,28 @@
+@import "compass/css3/user-interface";
+
+.user-select {
+  @include user-select(none);
+}
+
+* {
+  @include input-placeholder {
+    color: #bfbfbf;
+    font-style: italic;
+  }
+}
+
+#{elements-of-type(text-input)} {
+  @include input-placeholder {
+    color: #bfbfbf;
+    font-style: italic;
+  }
+}
+
+.sets-up-browser-support-for-content {
+  @include input-placeholder {
+    prefix: $current-prefix;
+    -moz-prefix: $current-prefix == -moz;
+    -ms-prefix: $current-prefix == -ms;
+    -webkit-prefix: $current-prefix == -webkit;
+  }
+}

data/test/fixtures/stylesheets/compass/sass/utilities.scss

@@ -0,0 +1,33 @@
+$contrasted-dark-default: black;
+$contrasted-light-default: white;
+
+@import "compass/utilities";
+
+.clearfix {
+    @include clearfix;
+}
+
+.pie-clearfix {
+    @include legacy-pie-clearfix;
+}
+.simple-pie-clearfix {
+  @include pie-clearfix;
+}
+
+p.light { @include contrasted(#f3aead); }
+p.dark  { @include contrasted(#a22321); }
+p.light-with-args { @include contrasted(#f3aead, blue, yellow); }
+p.dark-with-args  { @include contrasted(#a22321, blue, yellow); }
+
+
+@include alternating-rows-and-columns(red, white, blue);
+
+p.ellipsis {
+  @include ellipsis;
+}
+
+p.ellipsis.moz {
+  $legacy-support-for-mozilla: true !global;
+  $use-mozilla-ellipsis-binding: true !global;
+  @include ellipsis;
+}

data/test/fixtures/stylesheets/compass/sass/vertical_rhythm.scss

@@ -0,0 +1,60 @@
+// Test all functions and mixins, at least indirectly.
+// functions:
+// * rhythm
+// * lines-for-font-size
+//
+// mixins:
+// * establish-baseline
+// * output-rhythm
+// * debug-vertical-alignment
+// * adjust-font-size-to
+// * adjust-leading-to
+// * leader
+// * margin-leader
+// * padding-leader
+// * trailer
+// * margin-trailer
+// * padding-trailer
+// * rhythm
+// * rhythm-margins
+// * rhythm-padding
+// * apply-side-rhythm-border
+// * leading-border
+// * trailing-border
+// * rhythm-borders
+// * horizontal-borders (h-borders)
+//
+// deprecated mixins:
+// * reset-baseline
+
+$base-font-size: 14px;
+$base-line-height: 16px;
+@import "compass/typography/vertical_rhythm";
+
+@include establish-baseline;
+
+.small {
+	@include adjust-font-size-to(12px, 1);
+}
+
+.padded {
+	@include rhythm(1, 1, 1, 1);
+}
+
+.small-padded {
+	@include adjust-font-size-to(12px, 1);
+	@include rhythm(1, 1, 1, 1, 12px);
+}
+
+.borders {
+	@include h-borders(1px, 1);
+}
+
+.large-borders {
+	@include adjust-font-size-to(24px, 3);
+	@include h-borders(6px, 1, 24px);
+}
+
+.reset {
+	@include reset-baseline;
+}

data/test/fixtures/stylesheets/compass/sass/vertical_rhythm_with_ems.scss

@@ -0,0 +1,52 @@
+/* New test using em output */
+$base-font-size: 18px;
+$base-line-height: $base-font-size * 1.4;
+$rhythm-unit: em;
+$default-rhythm-border-style: solid #aaaaaa;
+
+@import "compass/typography/vertical_rhythm";
+
+@include establish-baseline;
+
+.container {
+	@include debug-vertical-alignment;
+}
+
+p {
+	@include margin-leader;
+	@include margin-trailer;
+}
+
+th,
+td {
+	@include rhythm-padding(.25);
+}
+
+// Incremental leading made easy!
+.caption {
+	@include adjust-font-size-to(13px, 4/5);
+}
+
+.spaced-out {
+	@include adjust-leading-to(1.5);
+}
+
+blockquote {
+	@include rhythm-margins;
+	padding: 0 rhythm();
+}
+
+.fig-quote {
+	> blockquote {
+		@include trailer(.5);
+	}
+	.source {
+		@include adjust-font-size-to(13px, auto);
+		@include trailer(.5, 13px);
+	}
+}
+
+.panel {
+	@include adjust-font-size-to(16px);
+	@include rhythm-borders($font-size: 16px);
+}

data/test/fixtures/stylesheets/compass/sass/vertical_rhythm_with_px.scss

@@ -0,0 +1,50 @@
+/* New using px output */
+$base-font-size: 18px;
+$base-line-height: $base-font-size * 1.4;
+$rhythm-unit: px;
+$default-rhythm-border-style: solid #aaaaaa;
+@import "compass/typography/vertical_rhythm";
+
+@include establish-baseline;
+
+.container {
+	@include debug-vertical-alignment;
+}
+
+p {
+	@include margin-leader;
+	@include margin-trailer;
+}
+
+th,
+td {
+	@include rhythm-padding(.25);
+}
+
+/* Incremental leading made easy! */
+.caption {
+	@include adjust-font-size-to(.85rem, 4/5);
+}
+
+.spaced-out {
+	@include adjust-leading-to(1.5);
+}
+
+blockquote {
+	@include rhythm-margins;
+	padding: 0 rhythm();
+}
+
+.fig-quote {
+	> blockquote {
+		@include trailer(.5);
+	}
+	.source {
+		@include adjust-font-size-to(.85rem, auto);
+		@include trailer(.5);
+	}
+}
+
+.panel {
+	@include rhythm-borders;
+}

data/test/fixtures/stylesheets/compass/sass/vertical_rhythm_with_rems.scss

@@ -0,0 +1,50 @@
+/* New using rem output with pixel fallbacks */
+$base-font-size: 18px;
+$base-line-height: $base-font-size * 1.4;
+$rhythm-unit: rem;
+$default-rhythm-border-style: solid #aaaaaa;
+@import "compass/typography/vertical_rhythm";
+
+@include establish-baseline;
+
+.container {
+	@include debug-vertical-alignment;
+}
+
+p {
+	@include margin-leader;
+	@include margin-trailer;
+}
+
+th,
+td {
+	@include rhythm-padding(.25);
+}
+
+/* Incremental leading made easy! */
+.caption {
+	@include adjust-font-size-to(.85rem, 4/5);
+}
+
+.spaced-out {
+	@include adjust-leading-to(1.5);
+}
+
+blockquote {
+	@include rhythm-margins;
+	padding: 0 rhythm();
+}
+
+.fig-quote {
+	> blockquote {
+		@include trailer(.5);
+	}
+	.source {
+		@include adjust-font-size-to(.85rem, auto);
+		@include trailer(.5);
+	}
+}
+
+.panel {
+	@include rhythm-borders;
+}

data/test/fixtures/stylesheets/envtest/config.rb

@@ -0,0 +1,9 @@
+# Require any additional compass plugins here.
+project_type = :stand_alone
+css_dir = "tmp"
+sass_dir = "sass"
+images_dir = "images"
+output_style = :nested
+line_comments = false
+
+disable_warnings = true

data/test/fixtures/stylesheets/envtest/css/env.css

@@ -0,0 +1,10 @@
+.env {
+  env: <%= options[:environment] %>; }
+.time {
+  time: <%= Time.now.strftime("%F") %>; }
+.date {
+  date: <%= Time.now.strftime("%F") %>; }
+.filename {
+  file: env.scss; }
+.output {
+  output: env.css; }

data/test/fixtures/stylesheets/envtest/sass/env.scss

@@ -0,0 +1,19 @@
+.env {
+  env: compass-env();  
+}
+
+.time {
+  time: current-time("%F");
+}
+
+.date {
+  date: current-date("%F");
+}
+
+.filename {
+  file: current-source-file();
+}
+
+.output {
+  output: current-output-file();
+}

data/test/fixtures/stylesheets/error/config.rb

@@ -0,0 +1,10 @@
+# Require any additional compass plugins here.
+css_dir = "tmp"
+sass_dir = "sass"
+images_dir = "assets/images"
+javascripts_dir = "assets/javascripts"
+# Set this to the root of your project when deployed:
+http_path = "/"
+# To enable relative paths to assets via compass helper functions. Uncomment:
+output_style = :compact
+relative_assets = true

data/test/fixtures/stylesheets/error/sass/screen.sass

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

data/test/fixtures/stylesheets/image_urls/config.rb

@@ -0,0 +1,19 @@
+# Require any additional compass plugins here.
+project_type = :stand_alone
+css_dir = "tmp"
+sass_dir = "sass"
+images_dir = "images"
+output_style = :compact
+# To enable relative image paths using the images_url() function:
+# http_images_path = :relative
+http_images_path = "/images"
+line_comments = false
+
+asset_cache_buster do |path, file|
+  "busted=true"
+end
+
+
+asset_host do |path|
+  "http://assets%d.example.com" % (path.size % 4)
+end

data/test/fixtures/stylesheets/image_urls/css/screen.css

@@ -0,0 +1,5 @@
+.showgrid { background-image: url('http://assets0.example.com/images/grid.png?busted=true'); }
+
+.inlinegrid { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAUEAYAAACv1qP4AAAABmJLR0T///////8JWPfcAAAACXBIWXMAAABIAAAASABGyWs+AAAAZ0lEQVRYw+3QwQ2AIBAFUTEUwI3+uzN7gDscsIgxEuO8An52J11X73OudfxMraXkzHfO3Y98nQEhA0IGhAwIGRAyIGRAyICQASEDQgaEDAgZEDIgZEDIgJABoZzSGK3tPuN9ERFP7Nw4fg+c5g8V1wAAAABJRU5ErkJggg=='); }
+
+.no-buster { background-image: url('http://assets0.example.com/images/grid.png'); }

data/test/fixtures/stylesheets/image_urls/sass/screen.sass

@@ -0,0 +1,8 @@
+.showgrid
+  background-image: image-url(unquote("grid.png"))
+
+.inlinegrid
+  background-image: inline-image(unquote("grid.png"))
+
+.no-buster
+  background-image: image-url("grid.png", $only-path: false, $cache-buster: false)

data/test/fixtures/stylesheets/relative/config.rb

@@ -0,0 +1,10 @@
+# Require any additional compass plugins here.
+css_dir = "tmp"
+sass_dir = "sass"
+images_dir = "assets/images"
+javascripts_dir = "assets/javascripts"
+# Set this to the root of your project when deployed:
+http_path = "/"
+# To enable relative paths to assets via compass helper functions. Uncomment:
+output_style = :compact
+relative_assets = true

data/test/fixtures/stylesheets/relative/css/ie.css

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

data/test/fixtures/stylesheets/relative/css/print.css

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

data/test/fixtures/stylesheets/relative/css/screen.css

@@ -0,0 +1 @@
+test { background: url('../assets/images/testing.png?<%= File.mtime(File.join(Compass.configuration.project_path, 'assets', 'images', 'testing.png')).strftime("%s") %>'); }

data/test/fixtures/stylesheets/relative/sass/ie.sass

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

data/test/fixtures/stylesheets/relative/sass/print.sass

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

data/test/fixtures/stylesheets/relative/sass/screen.sass

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

data/test/fixtures/stylesheets/sourcemaps/config.rb

@@ -0,0 +1,10 @@
+# Require any additional compass plugins here.
+css_dir = "tmp"
+sass_dir = "sass"
+images_dir = "assets/images"
+javascripts_dir = "assets/javascripts"
+# Set this to the root of your project when deployed:
+http_path = "/"
+# To enable relative paths to assets via compass helper functions. Uncomment:
+relative_assets = true
+sourcemap = true

data/test/fixtures/stylesheets/sourcemaps/css/another_simple.css

@@ -0,0 +1,2 @@
+.another-simple-class{color:blue}
+/*# sourceMappingURL=another_simple.css.map */

data/test/fixtures/stylesheets/sourcemaps/css/another_simple.css.map

@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "AAAA,qBAAsB,CACpB,KAAK,CAAE,IAAI",
+"sources": ["../sass/another_simple.scss"],
+"names": [],
+"file": "another_simple.css"
+}

data/test/fixtures/stylesheets/sourcemaps/css/simple.css

@@ -0,0 +1,2 @@
+div{color:red}
+/*# sourceMappingURL=simple.css.map */

data/test/fixtures/stylesheets/sourcemaps/css/simple.css.map

@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "AAAA,GAAG,CACD,KAAK,CAAE,GAAG",
+"sources": ["../sass/simple.sass"],
+"names": [],
+"file": "simple.css"
+}

data/test/fixtures/stylesheets/sourcemaps/css/with_libraries.css

@@ -0,0 +1,2 @@
+*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
+/*# sourceMappingURL=with_libraries.css.map */

data/test/fixtures/stylesheets/sourcemaps/css/with_libraries.css.map

@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "AAEA,CAAE,CC0VA,eAAwC,CC1U5B,UAAmB,CD0U/B,kBAAwC,CC1U5B,UAAmB,CD0U/B,UAAwC,CC1U5B,UAAmB",
+"sources": ["../sass/with_libraries.scss","../../../../../../core/stylesheets/compass/_support.scss","../../../../../../core/stylesheets/compass/css3/_box-sizing.scss"],
+"names": [],
+"file": "with_libraries.css"
+}

data/test/fixtures/stylesheets/sourcemaps/sass/another_simple.scss

@@ -0,0 +1,3 @@
+.another-simple-class {
+  color: blue;
+}

data/test/fixtures/stylesheets/sourcemaps/sass/simple.sass

@@ -0,0 +1,2 @@
+div
+  color: red

data/test/fixtures/stylesheets/sourcemaps/sass/with_libraries.scss

@@ -0,0 +1,5 @@
+@import "compass/css3/box-sizing";
+
+* {
+  @include box-sizing;
+}

data/test/fixtures/stylesheets/uses_only_stylesheets_ext/config.rb

@@ -0,0 +1,25 @@
+# Require any additional compass plugins here.
+load '../../extensions/only_stylesheets/'
+
+# Set this to the root of your project when deployed:
+http_path = "/"
+css_dir = "stylesheets"
+sass_dir = "sass"
+images_dir = "images"
+javascripts_dir = "javascripts"
+
+# You can select your preferred output style here (can be overridden via the command line):
+# output_style = :expanded or :nested or :compact or :compressed
+
+# To enable relative paths to assets via compass helper functions. Uncomment:
+# relative_assets = true
+
+# To disable debugging comments that display the original location of your selectors. Uncomment:
+# line_comments = false
+
+
+# If you prefer the indented syntax, you might want to regenerate this
+# project again passing --syntax sass, or you can uncomment this:
+# preferred_syntax = :sass
+# and then run:
+# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass

data/test/fixtures/stylesheets/uses_only_stylesheets_ext/sass/ie.scss

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

data/test/fixtures/stylesheets/uses_only_stylesheets_ext/sass/print.scss

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

data/test/fixtures/stylesheets/uses_only_stylesheets_ext/sass/screen.scss

@@ -0,0 +1,6 @@
+/* Welcome to Compass.
+ * In this file you should write your main styles. (or centralize your imports)
+ * Import this file using the following HTML or equivalent:
+ * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
+
+@import "compass/reset";

data/test/fixtures/stylesheets/uses_only_stylesheets_ext/stylesheets/ie.css

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

data/test/fixtures/stylesheets/uses_only_stylesheets_ext/stylesheets/print.css

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