compass-rails31 0.12.0.alpha.0.91a748a

data/examples/ninesixty/bootstrap.rb

@@ -0,0 +1,4 @@
+require File.join(File.dirname(__FILE__), '..', 'downloader')
+
+install_from_github('chriseppstein', 'compass-960-plugin', 'ninesixty')
+

data/examples/ninesixty/clean.rb

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

data/examples/ninesixty/config.rb

@@ -0,0 +1,10 @@
+project_type = :stand_alone
+# Set this to the root of your project when deployed:
+http_path = "/"
+css_dir = "stylesheets"
+sass_dir = "src"
+images_dir = "images"
+output_style = :compact
+# To enable relative paths to assets via compass helper functions. Uncomment:
+# relative_assets = true
+sass_options = {:quiet => true}

data/examples/ninesixty/src/grid.scss

@@ -0,0 +1,15 @@
+/* 960 Grid System ~ Core CSS.
+ * Learn more ~ http://960.gs/
+ *
+ * Licensed under GPL and MIT. */
+
+@import "compass/utilities/general/reset";
+@import "960/grid";
+
+@include global-reset;
+
+.container_12 {
+  @include grid-system(12); }
+
+.container_16 {
+  @include grid-system(16); }

data/examples/ninesixty/src/text.scss

@@ -0,0 +1,8 @@
+/* 960 Grid System ~ Text CSS.
+ * Learn more ~ http://960.gs/
+ *
+ * Licensed under GPL and MIT. */
+
+@import "960/text";
+
+@include text;

data/examples/susy/bootstrap.rb

@@ -0,0 +1,3 @@
+require File.join(File.dirname(__FILE__), '..', 'downloader')
+
+install_from_github('ericam', 'compass-susy-plugin', 'susy')

data/examples/susy/clean.rb

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

data/examples/susy/config.rb

@@ -0,0 +1,10 @@
+project_type = :stand_alone
+# Set this to the root of your project when deployed:
+http_path = "/"
+css_dir = "stylesheets"
+sass_dir = "src"
+images_dir = "images"
+output_style = :compact
+# To enable relative paths to assets via compass helper functions. Uncomment:
+# relative_assets = true
+sass_options = {:quiet => true}

data/examples/susy/src/_base.scss

@@ -0,0 +1,61 @@
+//**
+//  Susy: Fixed-Elastic-Fluid grids without all the math
+//  By: Eric A. Meyer and OddBird Collective
+//  Site: www.oddbird.net/susy/
+//**
+
+// GRID
+// Set these values as needed for your grid layout.
+//  - defaults are shown.
+$grid_unit: em;
+
+$total_cols: 12;
+
+$col_width: 4;
+
+$gutter_width: 1;
+
+$side_gutter_width: $gutter_width;
+
+// OMEGA_FLOAT
+// By default, +omega elements are floated right.
+// You can override that globally here:
+// !omega_float = "right"
+
+// HACKS
+// Are you using hacks or conditional comments? Susy makes both possible.
+// Leave this as 'true' to use hacks, set it as false for conditional comments.
+// Conditional comments will require overrides for +omega, +inline-block and
+// several other mixins.
+// !hacks = true
+
+// FONT-SIZE
+// Override these values as needed (defaults are shown)
+//  - You set the font and line heights in pixels.
+//  - Susy will do the math and give you !base_font_size and !base_line_height
+//    variables, set flexibly against the common browser default of 16px
+$base_font_size_px: 16;
+
+$base_line_height_px: 24;
+
+// SUSY
+// Don't move this @import above the GRID and FONT-SIZE overrides.
+@import "susy/susy";
+
+// COLORS
+// Set any colors you will need later.
+$main: #194c66;
+
+$alt: #cc6633;
+
+// FONTS
+// Give yourself some font stacks to work with.
+@mixin sans-family {
+  font-family: Helvetica, Arial, sans-serif; }
+
+@mixin serif-family {
+  font-family: Baskerville, Palatino, serif; }
+
+// OTHER MIXINS
+// Mixins set here will be available in defaults, screen, print and IE
+// Or anywhere you import either base or defaults

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/bootstrap.rb

@@ -0,0 +1,3 @@
+require File.join(File.dirname(__FILE__), '..', 'downloader')
+
+install_from_github('chriseppstein', 'yui-compass-plugin', 'yui')

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/divisions.html.haml

@@ -0,0 +1,179 @@
+!!! Transitional
+%html{:xmlns => "http://www.w3.org/1999/xhtml", "xml:lang" => "en", :lang => "en"}
+  %head
+    %title Yahoo Grid Divisions Example
+    %link{:rel=>"stylesheet", :href=>"stylesheets/screen.css", :type=>"text/css", :media=>"screen, projection"}
+    :javascript
+      function changeTemplate() {
+        var templateClass = document.getElementById("current-template").value;
+        document.getElementById("doc4").className = templateClass;
+      }
+    %style{:type => "text/css"}
+      :sass
+        .yui-b
+          border: 1px dotted #ccc
+  %body
+    #doc4.yui-t2
+      #hd
+        %h1 Yahoo Grid Divisions Example
+      #bd
+        .yui-b
+          %h3 YUI Examples
+          %ul
+            %li
+              %a{:href=>"templates.html"} Template Presets
+            %li
+              %a{:href=>"typography.html"} Typography
+            %li
+              %a{:href=>"divisions.html"} Grid Divisions
+          %label{:for => "current-template"} Select Template Preset
+          %select{:id=>"current-template", :onchange => "changeTemplate()"}
+            %option{:value => "yui-t1"}= ".yui-t1"
+            %option{:value => "yui-t2", :selected => "selected"}= ".yui-t2"
+            %option{:value => "yui-t3"}= ".yui-t3"
+            %option{:value => "yui-t4"}= ".yui-t4"
+            %option{:value => "yui-t5"}= ".yui-t5"
+            %option{:value => "yui-t6"}= ".yui-t6"
+              
+        #yui-main
+          .yui-b
+            %h2 50/50 Division
+            %hr
+            .yui-g
+              .yui-u.first
+                %h3 Left Side
+                %p
+                  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                  exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                  Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
+                  nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
+                  officia deserunt mollit anim id est laborum.
+              .yui-u
+                %h3 Right Side
+                %p
+                  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                  exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                  Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
+                  nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
+                  officia deserunt mollit anim id est laborum.
+            %h2 33/33/33 Division
+            %hr
+            .yui-gb
+              .yui-u.first
+                %h3 Left Side
+                %p
+                  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                  exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                  Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
+                  nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
+                  officia deserunt mollit anim id est laborum.
+              .yui-u
+                %h3 Middle
+                %p
+                  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                  exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                  Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
+                  nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
+                  officia deserunt mollit anim id est laborum.
+
+              .yui-u
+                %h3 Right Side
+                %p
+                  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                  exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                  Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
+                  nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
+                  officia deserunt mollit anim id est laborum.
+            %h2 67/33 Division
+            %hr
+            .yui-gc
+              .yui-u.first
+                %h3 Left Side
+                %p
+                  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                  exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                  Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
+                  nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
+                  officia deserunt mollit anim id est laborum.
+              .yui-u
+                %h3 Right Side
+                %p
+                  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                  exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                  Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
+                  nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
+                  officia deserunt mollit anim id est laborum.
+            %h2 33/67 Division
+            %hr
+            .yui-gd
+              .yui-u.first
+                %h3 Left Side
+                %p
+                  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                  exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                  Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
+                  nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
+                  officia deserunt mollit anim id est laborum.
+              .yui-u
+                %h3 Right Side
+                %p
+                  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                  exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                  Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
+                  nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
+                  officia deserunt mollit anim id est laborum.
+            %h2 75/25 Division
+            %hr
+            .yui-ge
+              .yui-u.first
+                %h3 Left Side
+                %p
+                  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                  exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                  Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
+                  nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
+                  officia deserunt mollit anim id est laborum.
+              .yui-u
+                %h3 Right Side
+                %p
+                  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                  exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                  Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
+                  nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
+                  officia deserunt mollit anim id est laborum.
+            %h2 25/75 Division
+            %hr
+            .yui-gf
+              .yui-u.first
+                %h3 Left Side
+                %p
+                  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                  exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                  Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
+                  nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
+                  officia deserunt mollit anim id est laborum.
+              .yui-u
+                %h3 Right Side
+                %p
+                  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                  exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                  Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
+                  nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
+                  officia deserunt mollit anim id est laborum.
+
+      #ft
+        Copyright © 2008. All Rights Reserved. 
+