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

data/stylesheets/recipes/shared/_clearfix.scss

@@ -1,4 +1,4 @@
-//
+////
 // Micro clearfix hack
 //
 // The clearfix hack is a popular way to clear floats without resorting to using presentational markup.This article presents an update to the clearfix method that further reduces the amount of CSS required.
@@ -6,8 +6,11 @@
 //
 // @thanks Nicolas Gallagher @necolas
 // @link http://nicolasgallagher.com/micro-clearfix-hack/
-//
+///
+
+@import "compass/utilities/general/hacks";
 
+// can be included as is
 @mixin clearfix-hack
 {
     // For modern browsers
@@ -24,22 +27,16 @@
         clear: both;
     }
 
-    //For IE 6/7 (trigger hasLayout)
-    &
-    {
-        zoom: 1;
-    }
+    @include has-layout;
 }
 
-$clearfix-class: 'clearfix' !default;
-$clearfix-silent: true !default;
-
-%#{$clearfix-class}
+%clearfix-hack
 {
     @include clearfix-hack;
 }
 
+// or can be used like this
 @mixin clearfix
 {
-    @extend %#{$clearfix-class};
+    @extend %clearfix-hack;
 }

data/stylesheets/recipes/shared/_pseudo-element.scss

@@ -1,9 +1,12 @@
-/**
- * Note IE7/6 doesn't understand pseudo element as ::before and ::after
- * IE8 need to have :before and not ::before
- * So use only : and not :: if you want to support IE8
- * IE9 Webkit Firefox Opera understand ::
- */
+////
+// Pseudo element helper
+// 
+// Note IE7/6 doesn't understand pseudo element as ::before and ::after
+// IE8 need to have :before and not ::before
+// So use only : and not :: if you want to support IE8
+// IE9 Webkit Firefox Opera understand ::
+///
+
 @mixin pseudo-element($width: 0, $height: auto, $content: "", $position: absolute, $display: block)
 {
     content: $content;

data/stylesheets/recipes/ui/_convex.scss

@@ -1,10 +1,11 @@
-/**
- * UI convex effect from one color
- *
- * @todo merge with ui-button ?
- *
- * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
- */
+////
+// UI convex effect from one color
+//
+// @todo merge with ui-button ?
+//
+// @author Maxime Thirouin m@moox.fr @MoOx
+///
+
 @mixin ui-convex($color: #ddd, $button-effect: true, $opacity-top: .5, $opacity-bottom: 0, $color-mix: #fff)
 {
     background: $color; // fallback

data/stylesheets/recipes/ui/_glossy.scss

@@ -1,15 +1,15 @@
-/**
- * UI Glossy helper
- *
- * @deprecated
- * @todo Remove in 0.4
- * @see background/gradients
- *
- * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
- */
+////
+// UI Glossy helper
+//
+// @deprecated
+// @todo Remove in 0.4
+// @see background/gradients
+//
+// @author Maxime Thirouin m@moox.fr @MoOx
+///
+
 @mixin ui-glossy($color: #000, $opacity: .6, $border-width: .1em, $border-color-top: rgba(255,255,255,.5), $border-color-bottom: rgba(85,85,85,.6))
 {
-
     @warn '@mixin ui-glossy has been deprecated: Use background-gradient mixin/functions instead.';
 
     border-left: 0;

data/stylesheets/recipes/ui/_gradient.scss

@@ -1,10 +1,11 @@
-/**
- * UI simple gradient from one color
- *
- * @todo merge with ui-button ?
- *
- * @author Maxime Thirouin maxime.thirouin@gmail.com @MoOx
- */
+////
+// UI simple gradient from one color
+//
+// @todo merge with ui-button ?
+//
+// @author Maxime Thirouin m@moox.fr @MoOx
+///
+
 @mixin ui-gradient($color: #ddd, $lighten-top: 10%, $darken-bottom: 10%)
 {
     @include ui-gradient-from-middle($color, $lighten-top, $darken-bottom);

data/stylesheets/recipes/ui/_keyboard.scss

@@ -1,12 +1,14 @@
-/**
- * Keyboard key touch
- * A simple stylesheet for rendering beautiful keyboard-style elements.
+////
+// Keyboard key touch
+// A simple stylesheet for rendering beautiful keyboard-style elements.
+//
+// @author Michael Hüneburg http://michaelhue.com/keyscss
+// @link https://github.com/michaelhue/keyscss (commit 76bb603e921d0145362e0f60eabb79d4f69cbda0)
+//
+// @author Maxime Thirouin m@moox.fr @MoOx
+///
 
- * @author Michael Hüneburg http://michaelhue.com/keyscss
- * @link https://github.com/michaelhue/keyscss (commit 76bb603e921d0145362e0f60eabb79d4f69cbda0)
- *
- * @author Maxime Thirouin @MoOx maxime.thirouin@gmail.com
-*/
+@import "compass/css3/user-interface";
 
 // Base style, essential for every key
 @mixin ui-keyboard-key-requirements($font-size: .85em, $line-height: 1, $font-family: "Lucida Grande")
@@ -22,10 +24,7 @@
     display: inline-block;
     text-decoration: none;
     cursor: default;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-    user-select: none;
-    //@include user-select(none);
+    @include user-select(none);
 
     &[title]
     {

data/stylesheets/recipes/ui/_overlay.scss

@@ -1,8 +1,8 @@
-/**
- * Ui background overlay inspired by Google Chrome modal overlay
- * 
- * @author Maxime Thirouin @MoOx maxime.thirouin@gmail.com
- */
+////
+// Ui background overlay inspired by Google Chrome modal overlay
+// 
+// @author Maxime Thirouin m@moox.fr @MoOx
+///
 
 @import "recipes/background/radial-overlay";
 
@@ -16,7 +16,5 @@
     
     z-index: $z-index;
     
-    
-    
     @include background-radial-overlay;
 }

data/stylesheets/recipes/ui/_separator.scss

@@ -1,11 +1,11 @@
-/**
- * <hr /> separator style
- *
- * @author Chris Coyier @chriscoyier
- * @link http://jsfiddle.net/chriscoyier/GaEzp/35/
- *
- * @author Maxime Thirouin @MoOx maxime.thirouin@gmail.com
- */
+////
+// <hr /> separator style
+//
+// @author Chris Coyier @chriscoyier
+// @link http://jsfiddle.net/chriscoyier/GaEzp/35/
+//
+// @author Maxime Thirouin m@moox.fr @MoOx
+///
 
 @mixin ui-separator-gradient($color: rgba(#000, .75), $color-alt: rgba(#000, 0), $height: 1px)
 {

data/stylesheets/recipes/ui/helper/_arrow.scss

@@ -1,3 +1,9 @@
+////
+// UI Arrow helper
+//
+// @author Maxime Thirouin m@moox.fr @MoOx
+///
+
 @import "recipes/shape/polygon/triangle";
 @import "recipes/shared/pseudo-element";
 

data/stylesheets/recipes/ui/loader/_pulse.scss

@@ -1,8 +1,8 @@
-/**
- * CSS pulse loader
- *
- * @author Maxime Thirouin maxime.thirouin@gmail.com
- */
+////
+// CSS pulse loader
+//
+// @author Maxime Thirouin m@moox.fr @MoOx
+///
 
 @import "recipes/animation";
 

data/stylesheets/recipes/ui/menu/_dropdown.scss

@@ -1,8 +1,8 @@
-/**
- * Menu dropdown helper
- *
- * @author Maxime Thirouin @MoOx maxime.thirouin@gmail.com
-*/
+////
+// Menu dropdown helper
+//
+// @author Maxime Thirouin m@moox.fr @MoOx
+///
 
 // this mixin have to be used with a js for dropdown menu behavior
 // (display onhover with a timeout like 500ms for better UX)

metadata

@@ -1,15 +1,15 @@
 --- !ruby/object:Gem::Specification 
 name: compass-recipes
 version: !ruby/object:Gem::Version 
-  hash: -3702664338
+  hash: -3702664344
   prerelease: 6
   segments: 
   - 0
   - 3
   - 0
   - alpha
-  - 1
-  version: 0.3.0.alpha.1
+  - 2
+  version: 0.3.0.alpha.2
 platform: ruby
 authors: 
 - Maxime Thirouin
@@ -18,7 +18,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2012-03-14 00:00:00 Z
+date: 2012-04-11 00:00:00 Z
 dependencies: 
 - !ruby/object:Gem::Dependency 
   name: sass
@@ -28,14 +28,14 @@ dependencies:
     requirements: 
     - - ~>
       - !ruby/object:Gem::Version 
-        hash: -3702664282
+        hash: -3702664228
         segments: 
         - 3
         - 2
         - 0
         - alpha
-        - 93
-        version: 3.2.0.alpha.93
+        - 96
+        version: 3.2.0.alpha.96
   type: :runtime
   version_requirements: *id001
 - !ruby/object:Gem::Dependency 
@@ -46,11 +46,12 @@ dependencies:
     requirements: 
     - - ">="
       - !ruby/object:Gem::Version 
-        hash: 19
+        hash: 45
         segments: 
         - 0
         - 12
-        version: "0.12"
+        - 1
+        version: 0.12.1
   type: :runtime
   version_requirements: *id002
 description: "A Compass extension to have some sass/compass recipes ready to use ! "
@@ -122,7 +123,6 @@ files:
 - lib/compass-recipes/sass_extensions/_error.rb
 - lib/compass-recipes/sass_extensions/background_noise.rb
 - lib/compass-recipes/sass_extensions/gravatar.rb
-- lib/compass-recipes/sass_extensions/highres.rb
 - lib/compass-recipes/sass_extensions/math.rb
 - lib/compass-recipes/sass_extensions.rb
 - lib/compass-recipes.rb
@@ -130,6 +130,7 @@ files:
 - templates/gravatar/gravatar.js
 - templates/gravatar/manifest.rb
 - templates/gravatar/md5.js
+- templates/icon-fonts/manifest.rb
 - templates/icon-fonts/fonts/icons/entypo/entypo-webfont.eot
 - templates/icon-fonts/fonts/icons/entypo/entypo-webfont.svg
 - templates/icon-fonts/fonts/icons/entypo/entypo-webfont.ttf
@@ -184,7 +185,6 @@ files:
 - templates/icon-fonts/fonts/icons/websymbols/websymbols-regular-webfont.svg
 - templates/icon-fonts/fonts/icons/websymbols/websymbols-regular-webfont.ttf
 - templates/icon-fonts/fonts/icons/websymbols/websymbols-regular-webfont.woff
-- templates/icon-fonts/manifest.rb
 - stylesheets/_recipes.scss
 - stylesheets/recipes/_animation.scss
 - stylesheets/recipes/_background.scss
@@ -203,7 +203,6 @@ files:
 - stylesheets/recipes/_shared.scss
 - stylesheets/recipes/_ui.scss
 - stylesheets/recipes/animation/_animation.scss
-- stylesheets/recipes/animation/_fade.scss
 - stylesheets/recipes/animation/_keyframes.scss
 - stylesheets/recipes/animation/_timing-function.scss
 - stylesheets/recipes/background/_blueprint-grid.scss
@@ -229,7 +228,6 @@ files:
 - stylesheets/recipes/effect/_cutout.scss
 - stylesheets/recipes/effect/_folded-corner.scss
 - stylesheets/recipes/effect/_glass.scss
-- stylesheets/recipes/effect/_ribbon-tied.scss
 - stylesheets/recipes/effect/_ribbon.scss
 - stylesheets/recipes/effect/_scatter.scss
 - stylesheets/recipes/effect/_tape.scss
@@ -272,8 +270,6 @@ files:
 - stylesheets/recipes/shared/_clearfix.scss
 - stylesheets/recipes/shared/_list-inline-block.scss
 - stylesheets/recipes/shared/_pseudo-element.scss
-- stylesheets/recipes/shared/_user-select.scss
-- stylesheets/recipes/ui/_button.scss
 - stylesheets/recipes/ui/_convex.scss
 - stylesheets/recipes/ui/_glossy.scss
 - stylesheets/recipes/ui/_gradient.scss
@@ -283,15 +279,7 @@ files:
 - stylesheets/recipes/ui/_overlay.scss
 - stylesheets/recipes/ui/_separator.scss
 - stylesheets/recipes/ui/border/_bevel.scss
-- stylesheets/recipes/ui/button/_state-selectors.scss
-- stylesheets/recipes/ui/button/style/_default.scss
-- stylesheets/recipes/ui/button/style/todo/_bonbon.scss
-- stylesheets/recipes/ui/button/style/todo/_bourbon.scss
-- stylesheets/recipes/ui/button/style/todo/_fancy.sass
-- stylesheets/recipes/ui/button/style/todo/_necolas-animated.scss
-- stylesheets/recipes/ui/button/style/todo/_ubuwaits.scss
 - stylesheets/recipes/ui/helper/_arrow.scss
-- stylesheets/recipes/ui/helper/_tag.scss
 - stylesheets/recipes/ui/loader/_pulse.scss
 - stylesheets/recipes/ui/menu/_dropdown.scss
 homepage: http://moox.github.com/compass-recipes
@@ -325,7 +313,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
 requirements: []
 
 rubyforge_project: compass-recipes
-rubygems_version: 1.8.15
+rubygems_version: 1.8.18
 signing_key: 
 specification_version: 3
 summary: Recipes for Compass

data/lib/compass-recipes/sass_extensions/highres.rb

@@ -1,31 +0,0 @@
-##
-#
-# High res helper for Compass
-#
-# Copyright 2012, Joe Lambert.
-# Free to use under the MIT license.
-# http://joelambert.mit-license.org/
-#
-##
-
-module Sass::Script::Functions
-
-  def file_exists(filename)
-    if Compass.configuration.images_path
-      path = File.join(Compass.configuration.images_path, filename.value)
-    else
-      path = File.join(Compass.configuration.project_path, filename.value)
-    end
-    Sass::Script::Bool.new(File.exists?(path))
-  end
-
-  def highres_filename(filename, coefficient)
-    parts = filename.value.split('.')
-    ext = parts.pop
-    f = parts.pop
-    f += "@" + coefficient + "x"
-    parts.push(f)
-    parts.push(ext)
-    Sass::Script::String.new(parts.join('.'))
-  end
-end

data/stylesheets/recipes/animation/_fade.scss

@@ -1,29 +0,0 @@
-@include keyframes(fade-in)
-{
-    0% {
-        opacity: 0;
-    }
-    100% {
-        opacity: 1;
-    }
-}
-
-@mixin fade-in
-{
-    // @todo ?
-}
-
-@include keyframes(fade-out)
-{
-    0% {
-        opacity: 1;
-    }
-    100% {
-        opacity: 0;
-    }
-}
-
-@mixin fade-out
-{
-    // @todo ?
-}

data/stylesheets/recipes/effect/_ribbon-tied.scss

@@ -1,133 +0,0 @@
-// <div class="tied"><span class="ribbon-bump"><span class="ribbon-band">Hi There</span></span></div>
-// .tied { @include effect-ribbon-tied() }
-
-@mixin effect-ribbon-tied($ribbon-bump: '.ribbon-bump', $ribbon-band: '.ribbon-band')
-{
-    // http://jsfiddle.net/Calou/juQ9n/
-    div {
-        width: 500px;
-        height: 200px;
-        background-color: #ded8c5;
-        margin: 0 auto;
-        padding: 20px 0px;
-        -webkit-transition: .2s;
-    }
-
-    & {
-        position: relative;
-        width: 100%;
-        margin: 0;
-    }
-
-    &:before,
-    & #{$ribbon-bump}:before {
-        content: '';
-        position: absolute;
-        bottom: -23px;
-        border: 24px solid #c45045;
-    }
-
-    &:before {
-        left: -54px;
-        border-left-color: transparent;
-        -webkit-transform: rotate(-16deg);
-    }
-    .oldie &:before {
-        left: -48px;
-    }
-
-    & #{$ribbon-bump}:before {
-        right: -54px;
-        border-right-color: transparent;
-        -webkit-transform: rotate(16deg);
-        z-index: -1;
-    }
-    .oldie & #{$ribbon-bump}:before {
-        right: -48px;
-    }
-
-    & #{$ribbon-bump}:after,
-    & #{$ribbon-band}:after {
-        content: '';
-        position: absolute;
-        border-style: solid;
-        bottom: -16px;
-        z-index: 0;
-    }
-
-    & #{$ribbon-bump}:after {
-        right: -16px;
-        border-color: transparent transparent transparent #a33d33;
-        border-width: 0 0 16px 16px;
-    }
-
-    & #{$ribbon-band}:after {
-        left: 0;
-        border-color: transparent #a33d33 transparent transparent;
-        border-width: 0 16px 16px 0;
-    }
-
-    & #{$ribbon-band} {
-        display: block;
-        position: relative;
-        width: 100%;
-        left: -16px;
-        padding: 0 16px 16px;
-        background: #d0726a;
-
-        background-image: -webkit-linear-gradient(#d0726a, #c7574d);
-
-        -webkit-border-top-left-radius: 50% 16px;
-        -webkit-border-top-right-radius: 50% 16px;
-
-        text-align: center;
-        font: 28px/48px Museo, cursive;
-        font-weight: 700;
-        text-decoration: none;
-        text-transform: upperppercase;
-        color: #fff;
-        text-shadow: 0 1px 1px rgba(163, 61, 51, .8), 0 2px 1px rgba(163, 61, 51, .6);
-    }
-    .oldie & #{$ribbon-band} {
-        padding: 0 16px;
-        *left: 0px;
-        *padding: 0;
-
-    }
-
-    & #{$ribbon-band} {
-        left: 0;
-        margin: 0 -16px;
-        width: auto;
-    }
-
-    & #{$ribbon-band}::selection { background-color: #a33d33; }
-    & #{$ribbon-band}::-moz-selection { background-color: #a33d33; }
-
-    & #{$ribbon-band}:before,
-    &:after {
-        content: '';
-        position: absolute;
-        height: 16px;
-        left: 0;
-        bottom: 0;
-        -webkit-border-top-left-radius: 50% 16px;
-        -webkit-border-top-right-radius: 50% 16px;
-        box-shadow: #{$ribbon-bump}nset 0 2px 3px rgba(0, 0, 0, .3);
-    }
-    .oldie & #{$ribbon-band}:before,
-    .oldie &:after {
-        content: none;
-    }
-
-    & #{$ribbon-band}:before {
-        width: 100%;
-        background: #a33d33;
-    }
-
-    &:after {
-        width: 100%;
-        background: #ded8c5;
-        z-index: 1;
-    }
-}