rapido-css 0.2.3 → 0.2.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 8ca2389a157a912440570a43680e100fa7a7cb98
-  data.tar.gz: fb3783dd6c8717229504c173b68f68fea364bfb5
+  metadata.gz: 175ab571f0547f98072a75c2b2f7f6e359def868
+  data.tar.gz: a87ea01a71efa43b4c19b94bf0df16c0151dfa38
 SHA512:
-  metadata.gz: 612a73530d6381ad65f7d295b411e16445bda20e420c212cb9d09f7d86e943f73641d0205cba5041f378417f8e3a002fa7a7be40d965e81cbe3ca6d16757ae49
-  data.tar.gz: 2f7ce89591e5f114ffcf057d95b052e6658c73a8b50b7c28eef51812e31cbe0958ca5295dd48c0ff231df98754d403e0d70570267b80ba2477b9d0d70aefa0e6
+  metadata.gz: 97b8163c46687c590008294e54e0569196b247811b9cf35b795459deef370d348757fa61428e05ff40027fa954b1eb5a88641c52d6016d5f91095c7d94d7c0e0
+  data.tar.gz: b2018c2365e31f40bfc83aaf23f39dadb23fac615ca8eac32d4884c5e57d6509a8dd4d108c4af78b3eaa967d7065e15684620cd83ec16e0238f7a33fc3d0fdde

data/stylesheets/components/_breadcrumbs.scss

@@ -25,7 +25,7 @@ Styleguide 2
         list-style: none;
         @extend %breadcrumbs !optional;
 
-        > li { @extend %display-inline-block; }
+        > li { @extend %inline-block; }
 
         .current {@extend %breadcrumbs__current !optional;}
     }

data/stylesheets/components/_button-groups.scss

@@ -18,8 +18,8 @@ Styleguide 4
 @if $button-groups {
 
     .btn-group {
-        @extend %clearfix;
-        @extend %display-inline-block;
+        @extend %pie-clearfix;
+        @extend %inline-block;
         @extend %no-margin;
 
         > * {

data/stylesheets/components/_buttons.scss

@@ -26,7 +26,7 @@ Styleguide 3
         border-style: solid;
         border-width: $input-border;
         @extend %cursor-pointer;
-		@extend %display-inline-block;
+		@extend %inline-block;
         line-height: 1em;
         margin-bottom: 0;
         @extend %text-align-center;

data/stylesheets/components/_captions.scss

@@ -44,7 +44,7 @@ Styleguide 5
     position: relative;
     overflow: hidden;
     @include perspective(1000);
-    @extend %display-inline-block;
+    @extend %inline-block;
 
 
     &:nth-child(2n) {

data/stylesheets/components/_dropdowns.scss

@@ -56,7 +56,7 @@ Styleguide 7
     .dropdown,
     .dropdown__toggle {
         position: relative;
-        @extend %display-inline-block;
+        @extend %inline-block;
     }
 
     .dropdown__toggle:focus { outline: 0; }

data/stylesheets/components/_forms.scss

@@ -34,7 +34,7 @@ Styleguide 8
 @if $forms {
 
 form {
-    @extend %clearfix;
+    @extend %pie-clearfix;
     margin: 0 0 rhythm();
 }
 
@@ -90,7 +90,7 @@ input[type="url"],
 input[type="search"],
 input[type="tel"],
 input[type="color"] {
-    @extend %display-inline-block;
+    @extend %inline-block;
     padding: 0 $input-padding-side;
     height: $input-height;
     border-width: $input-border;
@@ -103,7 +103,7 @@ input[type="color"] {
 }
 
 select {
-    @extend %display-inline-block;
+    @extend %inline-block;
 }
 
 input,
@@ -179,9 +179,9 @@ select:focus:invalid {
 .form__group + .form__group { margin-top: em($control-margin-bottom); }
 
 .form__controls {
-  @extend %clearfix;
+  @extend %pie-clearfix;
   position: relative;
-  @extend %display-inline-block;
+  @extend %inline-block;
 }
 
 
@@ -243,7 +243,7 @@ Styleguide 8.2
 }
 .form__radio.inline,
 .form__checkbox.inline {
-    @extend %display-inline-block;
+    @extend %inline-block;
 }
 .form__radio.inline + .form__radio.inline,
 .form__checkbox.inline + .form__checkbox.inline {
@@ -289,7 +289,7 @@ Styleguide 8.3
     @extend %select !optional; // Backward compatibility
     @extend %form__select !optional;
     @include border-radius($base-border-radius);
-    @extend %display-inline-block;
+    @extend %inline-block;
     border-style: solid;
     border-width: $input-border;
     @extend %cursor-pointer;
@@ -391,7 +391,7 @@ Styleguide 8.5
     padding: rhythm(.5) 0 0;
 }
 .form__help--inline {
-    @extend %display-inline-block;
+    @extend %inline-block;
     vertical-align: middle;
     padding-left: 5px;
 }
@@ -498,7 +498,7 @@ Styleguide 8.8
 */
 
 .form__addon {
-    @extend %display-inline-block;
+    @extend %inline-block;
     width: auto;
     min-width: em(16px);
     padding: $input-padding;
@@ -561,7 +561,7 @@ Styleguide 8.9
     margin-bottom: rhythm(1);
     border-top: 1px solid #e5e5e5;
     clear: both;
-    @extend %clearfix;
+    @extend %pie-clearfix;
 }
 
 .form__group.form__actions {
@@ -751,7 +751,7 @@ Styleguide 8.10.1
         }
 
         .form__label {
-          @extend %display-inline-block;
+          @extend %inline-block;
           padding-right: 1em;
           margin-bottom: 0;
         }
@@ -782,7 +782,7 @@ Styleguide 8.10.1
 
         .form__group {
             @extend %no-padding;
-            @extend %display-inline-block;
+            @extend %inline-block;
         }
 
         .form__group + .form__group {
@@ -793,7 +793,7 @@ Styleguide 8.10.1
             @extend %no-border;
             @extend %no-padding;
             @extend %no-margin;
-            @extend %display-inline-block;
+            @extend %inline-block;
         }
 
     }

data/stylesheets/components/_labels.scss

@@ -17,7 +17,7 @@ Styleguide 10
     .badge,
     .pill {
         @extend %pill !optional;
-        @extend %display-inline-block;
+        @extend %inline-block;
         padding: $pills-padding;
         vertical-align: baseline;
         white-space: nowrap;

data/stylesheets/components/_modals.scss

@@ -220,7 +220,7 @@ Styleguide 11
         .child {
             @include alpha-color(#000, .8, background);
             @include border-radius($base-border-radius);
-            @extend %display-inline-block;
+            @extend %inline-block;
             margin-right: -100%;
             padding: em(2px) em($input-padding-side);
             color: #FFF;

data/stylesheets/components/_navs.scss

@@ -36,14 +36,14 @@ Styleguide 12
 @if $navs {
 
     .nav {
-        @extend %clearfix;
-        @extend %display-inline-block;
+        @extend %pie-clearfix;
+        @extend %inline-block;
         margin-bottom: rhythm();
         position: relative;
 
         &, ul {
-            @extend %clearfix;
-            @extend %list-style-none;
+            @extend %pie-clearfix;
+            @extend .list-style-none;
             margin-bottom: 0;
         }
 
@@ -52,7 +52,7 @@ Styleguide 12
 
             > a {
                 @extend .transition;
-                @extend %display-inline-block;
+                @extend %inline-block;
                 line-height: 1em;
 
                 &:hover, &:focus {

data/stylesheets/components/_off-canvas.scss

@@ -31,7 +31,7 @@ Include this js after including rapido.js.
 
 **Options** (with default values):
 
-    toggleClass:     offcanvas__menu--open
+    toggleClass:     .offcanvas__menu--open
     containerClass:  .offcanvas__container
     menuClass:       .offcanvas__menu
 

data/stylesheets/components/_pager.scss

@@ -20,7 +20,7 @@ Styleguide 13
 
 
     .pager {
-        @extend %clearfix;
+        @extend %pie-clearfix;
         list-style: none;
         margin: rhythm() 0;
         @extend %text-align-center;
@@ -33,7 +33,7 @@ Styleguide 13
                 @include border-radius($base-border-radius);
                 border-style: solid;
                 border-width: 1px;
-                @extend %display-inline-block;
+                @extend %inline-block;
                 line-height: 1em;
                 padding: $pager-padding;
                 @extend %pager--btn !optional;

data/stylesheets/components/_pagination.scss

@@ -32,9 +32,9 @@ Styleguide 14
         clear: both;
 
         > * {
-            @extend %clearfix;
+            @extend %pie-clearfix;
             @include border-radius($base-border-radius);
-            @extend %display-inline-block;
+            @extend %inline-block;
             margin-bottom: 0;
             margin-left: $input-border;
 
@@ -44,7 +44,7 @@ Styleguide 14
 
                 a,
                 span {
-                    @extend %display-inline-block;
+                    @extend %inline-block;
                     padding: $pagination-padding;
                     line-height: 1em;
                     @extend %text-decoration-none;

data/stylesheets/components/_picker.scss

@@ -64,7 +64,7 @@ Styleguide 8.7
     .picker__month,
     .picker__select--year
     .picker__select--month {
-      @extend %display-inline-block;
+      @extend %inline-block;
       margin: 0 .25em;
     }
 

data/stylesheets/components/_sliders.scss

@@ -78,9 +78,9 @@ Styleguide 16
     }
 
     .bx-pager-item {
-        @extend %display-inline-block;
+        @extend %inline-block;
         a {
-            @extend %display-inline-block;
+            @extend %inline-block;
             // @include hide-text;
         }
     }
@@ -102,7 +102,7 @@ Styleguide 16
         width: 100%;
 
         span {
-            @extend %display-inline-block;
+            @extend %inline-block;
             @extend %slider__caption !optional;
         }
     }

data/stylesheets/components/_tabs.scss

@@ -55,7 +55,7 @@ Styleguide 21
             @extend %tab__nav !optional;
 
             li {
-                @extend %display-inline-block;
+                @extend %inline-block;
 
                 a {
                     line-height: 1em;

data/stylesheets/components/_tooltip.scss

@@ -2,7 +2,7 @@
 
 Tooltips
 
-Add simple tooltips to any element.
+Add simple tooltips to any element. Positions available: top, right, bottom, left.
 
 Script required: **rapido.js**.
 

data/stylesheets/components/_type.scss

@@ -36,7 +36,7 @@ body {
 
 img {
     max-width: 100%;
-    @extend %display-inline-block;
+    @extend %inline-block;
 }
 
 a, button, textarea, input { outline: none; }
@@ -214,7 +214,7 @@ ol.inline {
     margin-left: 0;
     list-style: none;
     > li {
-        @extend %display-inline-block;
+        @extend %inline-block;
     }
 }
 
@@ -256,7 +256,7 @@ Styleguide 22.4.1
 */
 
 .dl-horizontal {
-    @extend %clearfix;
+    @extend %pie-clearfix;
     dt {
         @include text-overflow();
         clear: left;

data/stylesheets/utilities/_helper-classes.scss

@@ -20,25 +20,24 @@ Simple divider class used in some components (like dropdowns).
 
     .divider
 
+Others:
+    .clearfix
+    .left
+    .right
+    .inline-block
+
 Styleguide 25.1
 
 */
 
-.clearfix {
-    &:after {
-        content: "";
-        @extend %display-table;
-        clear: both;
-    }
-}
+%inline-block {@include inline-block;}
 
-.transition {
-    @include transition();
-}
-
-.divider {
-    @include nav-divider();
-}
+.clearfix     { @extend %pie-clearfix }
+.transition   { @include transition(); }
+.divider      { @include nav-divider(); }
+.left         { @extend %float-left; }
+.right        { @extend %float-right; }
+.inline-block { @extend %inline-block; }
 
 /*
 
@@ -59,7 +58,7 @@ Styleguide 25.2
 */
 
 .wrapper, .w {
-    @extend %clearfix;
+    @extend %pie-clearfix;
     margin: 0 auto;
     max-width: $desk-end;
     padding-left: em($wrapper-padding);
@@ -67,16 +66,11 @@ Styleguide 25.2
 }
 
 .fixed-wrapper, .fw {
-    @extend %clearfix;
+    @extend %pie-clearfix;
     margin: 0 auto;
     width: $desk-end;
 }
 
-
-.left {@extend %float-left;}
-.right {@extend %float-right;}
-
-
 /*
 
 Elements width
@@ -152,7 +146,7 @@ Styleguide 25.5
 .s {
     @include transition(none);
     content: "";
-    @extend %display-inline-block;
+    @extend %inline-block;
     font-style:normal;
     overflow:hidden;
     text-align:center;

data/stylesheets/utilities/_icon-fonts.scss

@@ -20,7 +20,7 @@ Icon Fonts
     }
 
     .branico {
-      @extend %display-inline-block;
+      @extend %inline-block;
       font-family: 'branico';
     }
 }
@@ -40,7 +40,7 @@ Icon Fonts
     }
 
     .entypo {
-      @extend %display-inline-block;
+      @extend %inline-block;
       font-family: 'entypo';
     }
 }
@@ -60,7 +60,7 @@ Icon Fonts
     }
 
     .fontawesome {
-      @extend %display-inline-block;
+      @extend %inline-block;
       font-family: 'FontAwesome';
     }
 }
@@ -80,7 +80,7 @@ Icon Fonts
     }
 
     .fontelico {
-      @extend %display-inline-block;
+      @extend %inline-block;
       font-family: 'fontelico';
     }
 }
@@ -100,7 +100,7 @@ Icon Fonts
     }
 
     .maki {
-      @extend %display-inline-block;
+      @extend %inline-block;
       font-family: 'maki';
     }
 }
@@ -120,7 +120,7 @@ Icon Fonts
     }
 
     .openwebicons {
-      @extend %display-inline-block;
+      @extend %inline-block;
       font-family: 'OpenWeb Icons';
     }
 }
@@ -140,7 +140,7 @@ Icon Fonts
     }
 
     .typicons {
-      @extend %display-inline-block;
+      @extend %inline-block;
       font-family: 'Typicons';
     }
 }
@@ -160,7 +160,7 @@ Icon Fonts
     }
 
     .zocial {
-      @extend %display-inline-block;
+      @extend %inline-block;
       font-family: 'zocial';
     }
 }

data/stylesheets/utilities/_mixins.scss

@@ -482,13 +482,13 @@ Styleguide 26.15
 
     @include box-shadow(0 1px 3px $color);
     border:5px solid #fff;
-    @extend %display-inline-block;
+    @extend %inline-block;
     line-height: 0;
     position: relative;
 
     &:before,
     &:after {
-        // @extend %no-border; 
+        // @extend %no-border;
         background-color: $lightColor;
         content: '';
         z-index: -1;
@@ -591,7 +591,7 @@ Styleguide 26.18
 */
 
 @mixin icon-font($char: '\f013', $font: 'FontAwesome') {
-    @extend %display-inline-block;
+    @extend %inline-block;
     font-family: $font;
     content: "#{$char}";
 }
@@ -699,19 +699,27 @@ Styleguide 26.21
     $media: null
     ) {
 
-    @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 {
+    @if ($media) {
+
+      // Failback for =< 2.2.1
+      @if $media == 'palm'      { $media: $palm }
+      @if $media == 'lap'       { $media: $lap }
+      @if $media == 'lap-and-up'{ $media: $lap-and-up }
+      @if $media == 'portable'  { $media: $portable }
+      @if $media == 'desk'      { $media: $desk }
+
       @include breakpoint($media) {
         @include span($cols of $cols-container $from);
         @if $omega { @include omega; }
         @if $nth-omega { @include nth-omega($nth-omega); }
       }
+
+    } @else {
+      @include span($cols of $cols-container $from);
+      @if $omega { @include omega; }
+      @if $nth-omega { @include nth-omega($nth-omega); }
     }
+
 }
 
 /*

metadata

@@ -1,69 +1,125 @@
 --- !ruby/object:Gem::Specification
 name: rapido-css
 version: !ruby/object:Gem::Version
-  version: 0.2.3
+  version: 0.2.4
 platform: ruby
 authors:
 - Raffaele Rasini
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-03-17 00:00:00.000000000 Z
+date: 2014-03-22 00:00:00.000000000 Z
 dependencies:
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '3.3'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '3.3'
+- !ruby/object:Gem::Dependency
+  name: compass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 1.0.0.alpha.18
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 1.0.0.alpha.18
 - !ruby/object:Gem::Dependency
   name: susy
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ~>
+    - - ">="
       - !ruby/object:Gem::Version
         version: '2.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ~>
+    - - ">="
       - !ruby/object:Gem::Version
         version: '2.0'
 - !ruby/object:Gem::Dependency
   name: sass-media_query_combiner
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ~>
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ~>
+    - - ">="
       - !ruby/object:Gem::Version
         version: '0.0'
 - !ruby/object:Gem::Dependency
   name: sass-globbing
   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'
+- !ruby/object:Gem::Dependency
+  name: breakpoint
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '2.4'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '2.4'
 - !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'
+- !ruby/object:Gem::Dependency
+  name: oily_png
+  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.
@@ -126,17 +182,17 @@ require_paths:
 - lib
 required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
-  - - '>='
+  - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - '>='
+  - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.0.14
+rubygems_version: 2.2.2
 signing_key: 
 specification_version: 4
 summary: A quick css prototyping framework