rapido-css 0.2.2 → 0.2.3

data/stylesheets/utilities/_mixins.scss

@@ -119,7 +119,7 @@ Horizzontally center an element.
 
 Become:
 
-    display: block;
+    @extend %display-block;
     margin-left: auto;
     margin-right: auto;
 
@@ -128,7 +128,7 @@ Styleguide 26.4
 */
 
 @mixin center-block() {
-    display: block;
+    @extend %display-block;
     margin-left: auto;
     margin-right: auto;
 }
@@ -328,7 +328,7 @@ Styleguide 26.10
 
     &:before, &:after {
         content: "";
-        display: block;
+        @extend %display-block;
         position: absolute;
         top: 50%;
 
@@ -482,13 +482,13 @@ Styleguide 26.15
 
     @include box-shadow(0 1px 3px $color);
     border:5px solid #fff;
-    @include inline-block;
+    @extend %display-inline-block;
     line-height: 0;
     position: relative;
 
     &:before,
     &:after {
-        // border: 0;
+        // @extend %no-border; 
         background-color: $lightColor;
         content: '';
         z-index: -1;
@@ -591,7 +591,7 @@ Styleguide 26.18
 */
 
 @mixin icon-font($char: '\f013', $font: 'FontAwesome') {
-    display: inline-block;
+    @extend %display-inline-block;
     font-family: $font;
     content: "#{$char}";
 }
@@ -607,56 +607,28 @@ Add media queries to css width simple naming convention.
 You can set the start/and with of each step from usins the variables `$lap-start`, `$desk-start`, `$desk-end`.
 
 * `$media`:
-    * `palm`: Only Palm
-    * `lap`:  Only Lap
-    * `lap-and-up`: Lap + Desktop
-    * `portable`: Lap + Palm
-    * `desk`: Only Desktop
+    * `$palm`: Only Palm
+    * `$lap`:  Only Lap
+    * `$lap-and-up`: Lap + Desktop
+    * `$portable`: Lap + Palm
+    * `$desk`: Only Desktop
 
 Styleguide 26.19
 
 */
 
 @mixin media($media-query:null){
-    @if $media-query {
 
-        @if $media-query == palm or $media-query == lap or $media-query == lap-and-up or $media-query == portable or $media-query == desk {
-
-            @if $media-query == palm {
-                @media only screen and (max-width:$palm-end) {
-                    @content;
-                }
-            }
-
-            @elseif $media-query == lap {
-                @media only screen and (min-width:$lap-start) and (max-width:$lap-end) {
-                    @content;
-                }
-            }
-
-            @elseif $media-query == lap-and-up {
-                @media only screen and (min-width:$lap-start) {
-                    @content;
-                }
-            }
-
-            @elseif $media-query == portable {
-                @media only screen and (max-width:$lap-end) {
-                    @content;
-                }
-            }
-
-            @elseif $media-query == desk {
-                @media only screen and (min-width:$desk-start) {
-                    @content;
-                }
-            }
-        }
+    // Failback for =< 2.2.1
+    @if $media-query == 'palm'      { $media-query: $palm }
+    @if $media-query == 'lap'       { $media-query: $lap }
+    @if $media-query == 'lap-and-up'{ $media-query: $lap-and-up }
+    @if $media-query == 'portable'  { $media-query: $portable }
+    @if $media-query == 'desk'      { $media-query: $desk }
 
-        @else {
-            @media only screen and ($media-query) {
-                @content;
-            }
+    @if $media-query {
+        @include breakpoint($media-query) {
+            @content;
         }
     }
 
@@ -727,10 +699,18 @@ Styleguide 26.21
     $media: null
     ) {
 
-    @include media($media) {
+    @if (type-of($media) == 'string') { // Failback for =< 2.2.1
+      @include media($media) {
         @include span($cols of $cols-container $from);
         @if $omega { @include omega; }
         @if $nth-omega { @include nth-omega($nth-omega); }
+      }
+    } @else {
+      @include breakpoint($media) {
+        @include span($cols of $cols-container $from);
+        @if $omega { @include omega; }
+        @if $nth-omega { @include nth-omega($nth-omega); }
+      }
     }
 }
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: rapido-css
 version: !ruby/object:Gem::Version
-  version: 0.2.2
+  version: 0.2.3
 platform: ruby
 authors:
 - Raffaele Rasini
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-03-15 00:00:00.000000000 Z
+date: 2014-03-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: susy
@@ -52,6 +52,20 @@ dependencies:
     - - ~>
       - !ruby/object:Gem::Version
         version: '1.1'
+- !ruby/object:Gem::Dependency
+  name: compass-placeholders
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.1'
 description: An easy and quick Sass + Compass + Susy + OOCSS + BEM prototyping framework.
 email: raffaele.rasini@gmail.com
 executables: []