rapido-css 0.0.1 → 0.0.2.1

data/stylesheets/utilities/_sprites.scss

@@ -1,7 +1,10 @@
+// ====================================================================================================================
+// SPRITES
+// ====================================================================================================================
+
+
 .s {
-	// position:relative;
 	content: "";
-	// top:-1px;
 	display: inline-block;
 	overflow:hidden;
 	vertical-align:middle;
@@ -9,13 +12,6 @@
 	font-style:normal;
 	zoom:1;
 	*text-indent:-9999px;
-
-	// &:before{
-	// 	display:block;
-	// 	width:0;
-	// 	height:100%;
-	// 	content:"";
-	// }
 }
 
 @include all-s-sprites(true);

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: rapido-css
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.0.2.1
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-06-01 00:00:00.000000000 Z
+date: 2013-06-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: compass
@@ -37,14 +37,11 @@ extra_rdoc_files: []
 files:
 - README.mkdn
 - lib/rapido-css.rb
-- stylesheets/_components.scss
 - stylesheets/_default-styles.scss
 - stylesheets/_functions.scss
 - stylesheets/_normalize.scss
 - stylesheets/_rapido.scss
-- stylesheets/_settings.scss
 - stylesheets/_susy.scss
-- stylesheets/_utilities.scss
 - stylesheets/components/_alerts.scss
 - stylesheets/components/_breadcrumbs.scss
 - stylesheets/components/_button-groups.scss
@@ -53,12 +50,11 @@ files:
 - stylesheets/components/_close.scss
 - stylesheets/components/_dropdowns.scss
 - stylesheets/components/_forms.scss
-- stylesheets/components/_images.scss
+- stylesheets/components/_labels.scss
 - stylesheets/components/_modals.scss
 - stylesheets/components/_navs.scss
 - stylesheets/components/_pager.scss
 - stylesheets/components/_pagination.scss
-- stylesheets/components/_pills.scss
 - stylesheets/components/_responsive-navs.scss
 - stylesheets/components/_sliders.scss
 - stylesheets/components/_tables.scss
@@ -85,7 +81,6 @@ files:
 - stylesheets/utilities/_icon-fonts.scss
 - stylesheets/utilities/_media-queries.scss
 - stylesheets/utilities/_mixins.scss
-- stylesheets/utilities/_retina-sprites.scss
 - stylesheets/utilities/_sprites.scss
 - templates/project/manifest.rb
 - templates/project/screen.scss

data/stylesheets/_components.scss

@@ -1,24 +0,0 @@
-@import	"components/type";
-@import	"components/forms";
-@import	"components/tables";
-@import	"components/images";
-@import "components/captions";
-
-@import	"components/buttons";
-@import	"components/button-groups";
-@import	"components/dropdowns";
-@import "components/pills";
-@import	"components/close";
-
-@import	"components/navs";
-@import	"components/responsive-navs";
-@import "components/breadcrumbs";
-@import "components/pagination";
-@import "components/pager";
-
-@import	"components/alerts";
-
-// Scripts
-@import	"components/modals";
-@import	"components/sliders";
-@import	"components/tabs";

data/stylesheets/_settings.scss

@@ -1,5 +0,0 @@
-@import "settings/base";
-@import "settings/colors";
-@import "settings/dimensions";
-@import "settings/components";
-@import "settings/effects";

data/stylesheets/_utilities.scss

@@ -1,8 +0,0 @@
-
-@import	"utilities/mixins";
-@import	"utilities/media-queries";
-@import	"utilities/helper-classes";
-@import	"utilities/debug";
-@import	"utilities/animations";
-// @import	"utilities/sprites";
-@import	"utilities/icon-fonts";

data/stylesheets/components/_pills.scss

@@ -1,91 +0,0 @@
-//
-// Labels and badges
-// --------------------------------------------------
-
-@if $pills {
-
-	// Base classes
-	.label,
-	.badge {
-		// font-size: $baseFontSize * .846;
-		// font-weight: bold;
-		// line-height: 14px; // ensure proper line-height if floated
-		// text-shadow: 0 -1px 0 rgba(0,0,0,.25);
-		@extend %pill !optional;
-		display: inline-block;
-		padding: $pills-padding;
-		vertical-align: baseline;
-		white-space: nowrap;
-	}
-	// Set unique padding and border-radii
-	.label {
-		@include border-radius($base-border-radius);
-	}
-	.badge {
-		// padding-left: 9px;
-		// padding-right: 9px;
-		@include border-radius(20px);
-	}
-
-	// Empty labels/badges collapse
-	.label,
-	.badge {
-		&:empty {
-			display: none;
-		}
-	}
-
-	// Hover/focus state, but only for links
-	a {
-		&.label:hover,
-		&.label:focus,
-		&.badge:hover,
-		&.badge:focus {
-			color: $white;
-			text-decoration: none;
-			cursor: pointer;
-		}
-	}
-
-	// Colors
-	// Only give background-color difference to links (and to simplify, we don't qualifty with `a` but [href] attribute)
-	// @each $item in label, badge {
-	// 	 // Important (red)
-	// 	 .#{$item}-important				 { background-color: $errorText; }
-	// 	 .#{$item}-important[href]	 { background-color: darken($errorText, 10%); }
-	// 	 // Warnings (orange)
-	// 	 .#{$item}-warning					 { background-color: $orange; }
-	// 	 .#{$item}-warning[href]		 { background-color: darken($orange, 10%); }
-	// 	 // Success (green)
-	// 	 .#{$item}-success					 { background-color: $successText; }
-	// 	 .#{$item}-success[href]		 { background-color: darken($successText, 10%); }
-	// 	 // Info (turquoise)
-	// 	 .#{$item}-info							{ background-color: $infoText; }
-	// 	 .#{$item}-info[href]				{ background-color: darken($infoText, 10%); }
-	// 	 // Inverse (black)
-	// 	 .#{$item}-inverse					 { background-color: $grayDark; }
-	// 	 .#{$item}-inverse[href]		 { background-color: darken($grayDark, 10%); }
-	// }
-
-	// Quick fix for labels/badges in buttons
-	.btn {
-		.label,
-		.badge {
-			margin: -.2em -.35em 0 .35em ;
-		}
-	}
-
-	// .btn {
-	//	 .label,
-	//	 .badge {
-	//		 position: relative;
-	//		 top: -1px;
-	//	 }
-	// }
-	// .btn-mini {
-	//	 .label,
-	//	 .badge {
-	//		 top: 0;
-	//	 }
-	// }
-}

data/stylesheets/utilities/_retina-sprites.scss

@@ -1,70 +0,0 @@
-// @import "compass/utilities/sprites";         // Include compass sprite helpers
-// @import "compass/css3/background-size";      // Include helper to calc background size
-
-
-@mixin retina-sprite($name, $hover: false, $active: false) {
-  @include _retina-sprite($name, $sprites, $sprites2x, $hover, $active);
-}
-
-// The general purpose retina sprite mixin.
-  //
-  //    @include retina-sprite(name, $spritemap1, $spritemap2)
-  //    @include retina-sprite(name, $spritemap1, $spritemap2[, $dimensions: true, $pad: 0])
-  //
-  //    If `dimensions` is true, then width/height will also be set.
-  //
-  //    if `pad` is non-zero, then that's how much padding the element will have (requires
-  //    $spacing on the sprite maps). Great for iPhone interfaces to make hit areas bigger.
-  //
-@mixin _retina-sprite($name, $sprites, $sprites2x, $hover, $active, $dimensions: true, $pad: 0) {  
-  @if $dimensions == true {
-    @include sprite-dimensions($sprites, $name);
-  }
-  background-image: sprite-url($sprites);
-  background-position: sprite-position($sprites, $name, -$pad, -$pad);
-  background-repeat: no-repeat;
-
-  @if $hover == true {
-    $name_hover: $name + _hover;
-    &:hover {
-      background-position: sprite-position($sprites, $name_hover, -$pad, -$pad);
-    }
-  }
-  @if $active == true {
-    $name_active: $name + _active;
-    &:active {
-      background-position: sprite-position($sprites, $name_active, -$pad, -$pad);
-    }
-  }
-  
-  @if $pad > 0 {
-    padding: $pad;
-  }
-  
-  @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5) {
-    & {
-      $pos: sprite-position($sprites2x, $name, -$pad * 2, -$pad * 2);
-      background-image: sprite-url($sprites2x);
-      background-position: nth($pos, 1) nth($pos, 2) / 2;
-      @include background-size(ceil(image-width(sprite-path($sprites2x)) / 2) auto);
-      //  sprite-path() returns the path of the generated sprite sheet, which
-      //  image-width() calculates the width of. the ceil() is in place in case
-      //  you have sprites that have an odd-number of pixels in width
-      
-      @if $hover == true {
-        $name_hover: $name + _hover;    // create myButton_hover and assign it
-        &:hover{
-          $pos: sprite-position($sprites2x, $name_hover, -$pad * 2, -$pad * 2);
-          background-position: nth($pos, 1) nth($pos, 2) / 2;
-        }
-      }
-      @if $active == true {
-        $name_active: $name + _active;    // create myButton_active and assign it
-        &:active{
-          $pos: sprite-position($sprites2x, $name_active, -$pad * 2, -$pad * 2);
-          background-position: nth($pos, 1) nth($pos, 2) / 2;
-        }
-      }
-    }
-  }
-}