compass-recipes 0.3.0.alpha.1 → 0.3.0.alpha.2

data/stylesheets/recipes/_icons.scss

@@ -1,3 +1,9 @@
+////
+// Icon replacement helpers
+//
+// @author Maxime Thirouin m@moox.fr @MoOx
+///
+
 @mixin icon($background-position: 0 50%, $display: inline-block)
 {
     background-repeat: no-repeat;

data/stylesheets/recipes/_media-queries.scss

@@ -3,7 +3,7 @@
 //
 // @require sass-3.2 (you need eventually to do "sudo gem install sass --pre")
 //
-// @author Maxime Thirouin <maxime.thirouin@gmail.com>
+// @author Maxime Thirouin m@moox.fr @MoOx
 //
 
 // sizes
@@ -17,19 +17,13 @@ $media-query-width-xxs: 320px   !default; // eg. portrait iPhone
 
 // size: exclusive queries
 @mixin media-xxl        { @media (min-width: $media-query-width-xxl)                                                        { @content } }
-// this syntax do not work for now
-//@mixin media-xl         { @media (min-width: $media-query-width-xl)     and (max-width: $media-query-width-xxl    - 1px)    { @content } }
-//@mixin media-l          { @media (min-width: $media-query-width-l)      and (max-width: $media-query-width-xl     - 1px)    { @content } }
-//@mixin media-m          { @media (min-width: $media-query-width-m)      and (max-width: $media-query-width-l      - 1px)    { @content } }
-//@mixin media-s          { @media (min-width: $media-query-width-s)      and (max-width: $media-query-width-m      - 1px)    { @content } }
-//@mixin media-xs         { @media (min-width: $media-query-width-xs)     and (max-width: $media-query-width-s      - 1px)    { @content } }
-//@mixin media-xxs        { @media (min-width: $media-query-width-xxs)    and (max-width: $media-query-width-xs     - 1px)    { @content } }
-@mixin media-xl         { $max: $media-query-width-xxl  - 1px; @media (min-width: $media-query-width-xl)     and (max-width: $max)  { @content } }
-@mixin media-l          { $max: $media-query-width-xl   - 1px; @media (min-width: $media-query-width-l)      and (max-width: $max)  { @content } }
-@mixin media-m          { $max: $media-query-width-l    - 1px; @media (min-width: $media-query-width-m)      and (max-width: $max)  { @content } }
-@mixin media-s          { $max: $media-query-width-m    - 1px; @media (min-width: $media-query-width-s)      and (max-width: $max)  { @content } }
-@mixin media-xs         { $max: $media-query-width-s    - 1px; @media (min-width: $media-query-width-xs)     and (max-width: $max)  { @content } }
-@mixin media-xxs        { @media (max-width: $media-query-width-xs)                                                          { @content } }
+@mixin media-xl         { @media (min-width: $media-query-width-xl)     and (max-width: $media-query-width-xxl    - 1px)    { @content } }
+@mixin media-l          { @media (min-width: $media-query-width-l)      and (max-width: $media-query-width-xl     - 1px)    { @content } }
+@mixin media-m          { @media (min-width: $media-query-width-m)      and (max-width: $media-query-width-l      - 1px)    { @content } }
+@mixin media-s          { @media (min-width: $media-query-width-s)      and (max-width: $media-query-width-m      - 1px)    { @content } }
+@mixin media-xs         { @media (min-width: $media-query-width-xs)     and (max-width: $media-query-width-s      - 1px)    { @content } }
+@mixin media-xxs        { @media (min-width: $media-query-width-xxs)    and (max-width: $media-query-width-xs     - 1px)    { @content } }
+@mixin media-xxs        { @media (max-width: $media-query-width-xs)                                                         { @content } }
 
 // size: min/max queries
 @mixin media-xxl-max    { @media (max-width: $media-query-width-xxl)    { @content } }

data/stylesheets/recipes/_shape.scss

@@ -1,11 +1,12 @@
-/**
-* Shapes !
-* Polygons, ellipses and symbols
-* 
-* @thanks Chris Coyier @chriscoyier
-* @link http://css-tricks.com/examples/ShapesOfCSS/
-* @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
-*/
+////
+// Shapes !
+// Polygons, ellipses and symbols
+// 
+// @thanks Chris Coyier @chriscoyier
+// @link http://css-tricks.com/examples/ShapesOfCSS/
+// @author Maxime Thirouin m@moox.fr @MoOx
+///
+
 @import "recipes/shape/ellipse";
 @import "recipes/shape/polygon";
 @import "recipes/shape/symbol";

data/stylesheets/recipes/_shared.scss

@@ -1,5 +1,4 @@
-@import "shared/block-inline-block";
-@import "shared/clearfix";
-@import "shared/list-inline-block";
-@import "shared/pseudo-element";
-@import "shared/user-select";
+@import "recipes/shared/block-inline-block";
+@import "recipes/shared/clearfix";
+@import "recipes/shared/list-inline-block";
+@import "recipes/shared/pseudo-element";

data/stylesheets/recipes/background/_blueprint-grid.scss

@@ -1,11 +1,11 @@
-/**
- * Blueprint grid background pattern
- *
- * @link http://lea.verou.me/css3patterns/#blueprint-grid
- *
- * @author Lea Verou http://lea.verou.me/ for the original pattern
- * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx for the sass mixin
- */
+////
+// Blueprint grid background pattern
+//
+// @link http://lea.verou.me/css3patterns/#blueprint-grid
+//
+// @author Lea Verou http://lea.verou.me/ for the original pattern
+// @author Maxime Thirouin m@moox.fr @MoOx
+///
 
 @import "compass/css3/images";
 

data/stylesheets/recipes/background/_carbon-fiber.scss

@@ -1,12 +1,11 @@
-/**
- * Carbon Fiber background pattern
- *
- * @author Lea Verou http://lea.verou.me/ for the original pattern
- * @author David Kaneda http://www.davidkaneda.com/ for the Sass mixin
- *
- * @link http://lea.verou.me/css3patterns/
- *
- */
+////
+// Carbon Fiber background pattern
+//
+// @author Lea Verou http://lea.verou.me/ for the original pattern
+// @author David Kaneda http://www.davidkaneda.com/ for the Sass mixin
+//
+// @link http://lea.verou.me/css3patterns/
+///
 
 @import "compass/css3/images";
 

data/stylesheets/recipes/background/_checkerboard.scss

@@ -1,12 +1,12 @@
-/**
- * Checkerboard background pattern
- *
- * @link http://lea.verou.me/css3patterns/#checkerboard
- * @link http://lea.verou.me/css3patterns/#diagonal-checkerboard
- *
- * @author Lea Verou http://lea.verou.me/ for the original pattern
- * @author Mason Wendell mason@canarypromo.com @canarymason for the sass mixin
- */
+////
+// Checkerboard background pattern
+//
+// @link http://lea.verou.me/css3patterns/#checkerboard
+// @link http://lea.verou.me/css3patterns/#diagonal-checkerboard
+//
+// @author Lea Verou http://lea.verou.me/ for the original pattern
+// @author Mason Wendell mason@canarypromo.com @canarymason for the sass mixin
+///
 
 @import "compass/css3/images";
 

data/stylesheets/recipes/background/_cicada.scss

@@ -1,11 +1,11 @@
-/**
- * Cicada background pattern
- *
- * @link http://lea.verou.me/css3patterns/#cicada-stripes
- *
- * @author Randy Merril http://forthedeveloper.com/ for the original pattern
- * @author Mason Wendell mason@canarypromo.com @canarymason for the sass mixin
- */
+////
+// Cicada background pattern
+//
+// @link http://lea.verou.me/css3patterns/#cicada-stripes
+//
+// @author Randy Merril http://forthedeveloper.com/ for the original pattern
+// @author Mason Wendell mason@canarypromo.com @canarymason for the sass mixin
+///
 
 @import "compass/css3/images";
 

data/stylesheets/recipes/background/_gradients.scss

@@ -1,34 +1,32 @@
-/**
- *
- * @class Gradients
- * @author David Kaneda http://www.davidkaneda.com/
- *
- */
+////
+// @class Gradients
+// @author David Kaneda http://www.davidkaneda.com/
+///
 
-/**
- * Adds a background gradient into a specified selector.
- * 
- *     @include background-gradient(#444, 'glossy');
- * 
- * You can also use color-stops if you want full control of the gradient:
- * 
- *     @include background-gradient(#444, color-stops(#333, #222, #111));
- * 
- * @param {color} $bg-color
- * The base color of the gradient.
- * 
- * @param {string/list} $type
- * The style of the gradient, one of five pre-defined options: matte, bevel, glossy, recessed, or linear:
- *
- *     @include background-gradient(red, 'glossy');
- *
- * It can also accept a list of color-stop values:;
- * 
- *     @include background-gradient(black, color-stops(#333, #111, #000));
- * 
- * @param {string} $direction
- * The direction of the gradient.
- */
+////
+// Adds a background gradient into a specified selector.
+// 
+//     @include background-gradient(#444, 'glossy');
+// 
+// You can also use color-stops if you want full control of the gradient:
+// 
+//     @include background-gradient(#444, color-stops(#333, #222, #111));
+// 
+// @param {color} $bg-color
+// The base color of the gradient.
+// 
+// @param {string/list} $type
+// The style of the gradient, one of five pre-defined options: matte, bevel, glossy, recessed, or linear:
+//
+//     @include background-gradient(red, 'glossy');
+//
+// It can also accept a list of color-stop values:;
+// 
+//     @include background-gradient(black, color-stops(#333, #111, #000));
+// 
+// @param {string} $direction
+// The direction of the gradient.
+///
 
 @import "compass/css3/images";
 

data/stylesheets/recipes/background/_houndstooth.scss

@@ -1,12 +1,11 @@
-/**
- *
- * Houndstooth background pattern
- *
- * @link http://lea.verou.me/css3patterns/#houndstooth
- *
- * @author Antoine Bernier http://abernier.name for the original pattern
- * @author Mason Wendell mason@canarypromo.com @canarymason for the sass mixin
- */
+////
+// Houndstooth background pattern
+//
+// @link http://lea.verou.me/css3patterns/#houndstooth
+//
+// @author Antoine Bernier http://abernier.name for the original pattern
+// @author Mason Wendell mason@canarypromo.com @canarymason for the sass mixin
+///
 
 @import "compass/css3/images";
 

data/stylesheets/recipes/background/_lined-paper.scss

@@ -1,11 +1,11 @@
-/**
- * Lined paper background pattern
- *
- * @link http://lea.verou.me/css3patterns/#lined-paper
- *
- * @author Sarah Backhouse http://www.jadu.net/ for the original pattern
- * @author Mason Wendell mason@canarypromo.com @canarymason for the sass mixin
- */
+////
+// Lined paper background pattern
+//
+// @link http://lea.verou.me/css3patterns/#lined-paper
+//
+// @author Sarah Backhouse http://www.jadu.net/ for the original pattern
+// @author Mason Wendell mason@canarypromo.com @canarymason for the sass mixin
+///
 
 @import "compass/css3/images";
 

data/stylesheets/recipes/background/_madras.scss

@@ -1,16 +1,16 @@
-/**
- * Madras background pattern
- *
- * Before compass 0.11.5, you need to add
- * Compass::BrowserSupport.add_support("repeating-linear-gradient", "webkit", "moz", "o", "ms")
- * To your configuration (config.rb)
- * @see https://github.com/chriseppstein/compass/issues/401
- *
- * @link http://lea.verou.me/css3patterns/#madras
- *
- * @author Divya Manian http://nimbupani.com/ for the original pattern
- * @author Mason Wendell mason@canarypromo.com @canarymason for the sass mixin
- */
+////
+// Madras background pattern
+//
+// Before compass 0.11.5, you need to add
+// Compass::BrowserSupport.add_support("repeating-linear-gradient", "webkit", "moz", "o", "ms")
+// To your configuration (config.rb)
+// @see https://github.com/chriseppstein/compass/issues/401
+//
+// @link http://lea.verou.me/css3patterns/#madras
+//
+// @author Divya Manian http://nimbupani.com/ for the original pattern
+// @author Mason Wendell mason@canarypromo.com @canarymason for the sass mixin
+///
 
 @import "compass/css3/images";
 

data/stylesheets/recipes/background/_noise.scss

@@ -1,26 +1,26 @@
-/**
- * Background noise recipe
- *
- * This recipe use a sass function to generate a .png file
- *
- * Inspired by a jQuery plugin "Noisy" by Daniel Rapp @DanielRapp
- * @link https://github.com/DanielRapp/Noisy
- *
- * Converted using Sass by Aaron Russell @aaronrussell & Philipp Bosch @philippbosch
- * @link https://gist.github.com/1021332
- *
- * Ported to a sass gem by Antti Salonen @antsa
- * @link https://github.com/antsa/sassy_noise
- *
- * Mixin:        background-noise
- * Function:     background_noise
- *
- * @author Daniel Rapp @DanielRapp
- * @author Aaron Russell @aaronrussell
- * @author Philipp Bosch @philippbosch
- * @author Antti Salonen @antsa
- * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
- */
+////
+// Background noise recipe
+//
+// This recipe use a sass function to generate a .png file
+//
+// Inspired by a jQuery plugin "Noisy" by Daniel Rapp @DanielRapp
+// @link https://github.com/DanielRapp/Noisy
+//
+// Converted using Sass by Aaron Russell @aaronrussell & Philipp Bosch @philippbosch
+// @link https://gist.github.com/1021332
+//
+// Ported to a sass gem by Antti Salonen @antsa
+// @link https://github.com/antsa/sassy_noise
+//
+// Mixin:        background-noise
+// Function:     background_noise
+//
+// @author Daniel Rapp @DanielRapp
+// @author Aaron Russell @aaronrussell
+// @author Philipp Bosch @philippbosch
+// @author Antti Salonen @antsa
+// @author Maxime Thirouin m@moox.fr @MoOx
+///
 
 @import "compass/css3/images";
 

data/stylesheets/recipes/background/_polka-dot.scss

@@ -1,12 +1,11 @@
-/**
- *
- * Polkadot background pattern
- *
- * @link http://lea.verou.me/css3patterns/#polka-dot
- *
- * @author Lea Verou http://lea.verou.me/ for the original pattern
- * @author Mason Wendell mason@canarypromo.com @canarymason for the sass mixin
- */
+////
+// Polkadot background pattern
+//
+// @link http://lea.verou.me/css3patterns/#polka-dot
+//
+// @author Lea Verou http://lea.verou.me/ for the original pattern
+// @author Mason Wendell mason@canarypromo.com @canarymason for the sass mixin
+///
 
 @import "compass/css3/images";
 

data/stylesheets/recipes/background/_radial-overlay.scss

@@ -1,8 +1,8 @@
-/**
- * Background overlay inspired by Google Chrome modal overlay
- * 
- * @author Maxime Thirouin @MoOx maxime.thirouin@gmail.com
- */
+////
+// Background overlay inspired by Google Chrome modal overlay
+// 
+// @author Maxime Thirouin m@moox.fr @MoOx
+///
 
 @import "compass/css3/images";
 

data/stylesheets/recipes/background/_rainbow.scss

@@ -1,8 +1,9 @@
-//
+////
 // Rainbow gradient function & background mixin
 //
-// @author Maxime Thirouin m@moox.fr
-//
+// @author Maxime Thirouin m@moox.fr @MoOx
+///
+
 @import "recipes/color/name";
 
 @mixin background-rainbow($alpha: 1, $from: left)

data/stylesheets/recipes/background/_stripes.scss

@@ -1,17 +1,17 @@
-/**
- * Striped background patterns
- *
- * Before compass 0.11.5, you need to add
- * Compass::BrowserSupport.add_support("repeating-linear-gradient", "webkit", "moz", "o", "ms")
- * To your configuration (config.rb)
- * @see https://github.com/chriseppstein/compass/issues/401
- *
- * @link http://lea.verou.me/css3patterns/#horizontal-stripes
- * @link http://lea.verou.me/css3patterns/#vertical-stripes
- *
- * @author Lea Verou http://lea.verou.me/ for the original pattern
- * @author Mason Wendell mason@canarypromo.com @canarymason for the sass mixin
- */
+////
+// Striped background patterns
+//
+// Before compass 0.11.5, you need to add
+// Compass::BrowserSupport.add_support("repeating-linear-gradient", "webkit", "moz", "o", "ms")
+// To your configuration (config.rb)
+// @see https://github.com/chriseppstein/compass/issues/401
+//
+// @link http://lea.verou.me/css3patterns/#horizontal-stripes
+// @link http://lea.verou.me/css3patterns/#vertical-stripes
+//
+// @author Lea Verou http://lea.verou.me/ for the original pattern
+// @author Mason Wendell mason@canarypromo.com @canarymason for the sass mixin
+///
 
 @import "compass/css3/images";
 

data/stylesheets/recipes/background/_tablecloth.scss

@@ -1,12 +1,11 @@
-/**
- *
- * Tablecloth background pattern
- *
- * @link http://lea.verou.me/css3patterns/#tablecloth
- *
- * @author Lea Verou http://lea.verou.me/ for the original pattern
- * @author Mason Wendell mason@canarypromo.com @canarymason for the sass mixin
- */
+////
+// Tablecloth background pattern
+//
+// @link http://lea.verou.me/css3patterns/#tablecloth
+//
+// @author Lea Verou http://lea.verou.me/ for the original pattern
+// @author Mason Wendell mason@canarypromo.com @canarymason for the sass mixin
+///
 
 @import "compass/css3/images";