particle 1.0 → 1.1

data/stylesheets/particle/_layout.scss

@@ -1,5 +1,4 @@
-@import "particle/layout/apprise";
 @import "particle/layout/images";
 @import "particle/layout/jquery-ui";
 @import "particle/layout/slider";
-@import "particle/layout/ui";
+@import "particle/layout/ui";

data/stylesheets/particle/_typography.scss

@@ -1,3 +1,2 @@
 @import "particle/typography/render-fix";
 @import "particle/typography/legible-color-text";
-@import "particle/typography/text-replacement";

data/stylesheets/particle/layout/slider/_anything.scss

@@ -130,7 +130,7 @@ $default-anythingSlider-path: "images" !default;
 		width: 45px;
 		text-align: center;
 		outline: 0;
-		background: url("#{$path}/default.png") no-repeat;
+		background: url("default.png") no-repeat;
 	}
 	/* hide text, target the span so IE7 doesn't text-indent the link */
 	div.anythingSlider .arrow a span { display: block; visibility: hidden; }
@@ -157,7 +157,7 @@ $default-anythingSlider-path: "images" !default;
 		padding: 2px 8px;
 		height: 18px;
 		margin: 0 5px 0 0;
-		background-image: url("#{$path}/default.png");
+		background-image: url("default.png");
 		background-position: center -288px ;
 		background-repeat: repeat-x;
 		text-align: center;
@@ -181,7 +181,7 @@ $default-anythingSlider-path: "images" !default;
 	/* Autoplay Start/Stop button */
 	div.anythingSlider .start-stop {
 		@include border-bottom-radius(5px);
-		background-image: url("#{$path}/default.png");
+		background-image: url("default.png");
 		background-position: center -288px;
 		background-repeat: repeat-x;
 		padding: 2px 5px;
@@ -258,7 +258,7 @@ $default-anythingSlider-path: "images" !default;
 		margin-top: -47px; /* half height of image */
 		width: 45px;
 		outline: 0;
-		background: url("#{$path}/arrows-metallic.png") no-repeat;
+		background: url("arrows-metallic.png") no-repeat;
 	}
 
 	div.anythingSlider-metallic .forward { right: 0; }
@@ -298,7 +298,7 @@ $default-anythingSlider-path: "images" !default;
 	}
 
 	div.anythingSlider-metallic .anythingControls ul a:hover, div.anythingSlider-metallic .anythingControls ul a.cur {
-		background: transparent url("#{$path}/arrows-metallic.png") -76px -57px no-repeat;
+		background: transparent url("arrows-metallic.png") -76px -57px no-repeat;
 	}
 
 	/* Navigation size window arrows */
@@ -344,4 +344,4 @@ $default-anythingSlider-path: "images" !default;
 		line-height: 1px; /* needed for IE7 */
 		visibility: hidden; /* needed for IE8, instead of text-indent: -9999px */
 	}
-}
+}

data/stylesheets/particle/layout/slider/_nivo.scss

@@ -128,7 +128,7 @@ $default-nivo-path: "images" !default;
 
 	.nivoSlider {
 		position:relative;
-		background:#fff url("#{$path}/#{$theme-name}/loading.gif") no-repeat 50% 50%;
+		background:#fff url("#{$theme-name}/loading.gif") no-repeat 50% 50%;
 	    margin-bottom:10px;
 	    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
 	    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
@@ -230,7 +230,7 @@ $default-nivo-path: "images" !default;
 	}
 	.nivoSlider {
 		position:relative;
-		background:#fff url("#{$path}/#{$theme-name}/loading.gif") no-repeat 50% 50%;
+		background:#fff url("#{$theme-name}/loading.gif") no-repeat 50% 50%;
 	    margin-bottom:10px;
 	    overflow: visible;
 	}
@@ -255,7 +255,7 @@ $default-nivo-path: "images" !default;
 		display:inline-block;
 		width:10px;
 		height:10px;
-		background:url("#{$path}/#{$theme-name}/bullets.png") no-repeat;
+		background:url("#{$theme-name}/bullets.png") no-repeat;
 		text-indent:-9999px;
 		border:0;
 		margin: 0 2px;
@@ -268,7 +268,7 @@ $default-nivo-path: "images" !default;
 		display:block;
 		width:30px;
 		height:30px;
-		background: url("#{$path}/#{$theme-name}/arrows.png") no-repeat;
+		background: url("#{$theme-name}/arrows.png") no-repeat;
 		text-indent:-9999px;
 		border:0;
 		top: auto;
@@ -337,7 +337,7 @@ $default-nivo-path: "images" !default;
 	}
 	.nivoSlider {
 		position:relative;
-		background:#fff url("#{$path}/#{$theme-name}/loading.gif") no-repeat 50% 50%;
+		background:#fff url("#{$theme-name}/loading.gif") no-repeat 50% 50%;
 	    margin-bottom:10px;
 	    overflow: visible;
 	}
@@ -362,7 +362,7 @@ $default-nivo-path: "images" !default;
 		display:inline-block;
 		width:10px;
 		height:10px;
-		background:url("#{$path}/#{$theme-name}/bullets.png") no-repeat 0 2px;
+		background:url("#{$theme-name}/bullets.png") no-repeat 0 2px;
 		text-indent:-9999px;
 		border:0;
 		margin: 0 2px;
@@ -375,7 +375,7 @@ $default-nivo-path: "images" !default;
 		display:block;
 		width:30px;
 		height:30px;
-		background: url("#{$path}/#{$theme-name}/arrows.png") no-repeat;
+		background: url("#{$theme-name}/arrows.png") no-repeat;
 		text-indent:-9999px;
 		border:0;
 		top: auto;
@@ -445,7 +445,7 @@ $default-nivo-path: "images" !default;
 	}
 	.nivoSlider {
 		position:relative;
-		background:#fff url("#{$path}/#{$theme-name}/loading.gif") no-repeat 50% 50%;
+		background:#fff url("#{$theme-name}/loading.gif") no-repeat 50% 50%;
 	}
 	.nivoSlider img {
 		position:absolute;
@@ -490,7 +490,7 @@ $default-nivo-path: "images" !default;
 		display:inline-block;
 		width:22px;
 		height:22px;
-		background:url("#{$path}/#{$theme-name}/bullets.png") no-repeat;
+		background:url("#{$theme-name}/bullets.png") no-repeat;
 		text-indent:-9999px;
 		border:0;
 		margin: 5px 2px 0 2px;
@@ -560,4 +560,4 @@ $default-nivo-path: "images" !default;
 		width: 120px;
 		height: auto;
 	}
-}
+}

data/stylesheets/particle/layout/slider/_tiny.scss

@@ -13,7 +13,7 @@ $default-tinySlider-path: "images" !default;
 			position: relative;
 		}
 		.buttons { 
-			background: url("#{$path}/tinySliderArrows.png") no-repeat scroll 0 0 transparent;
+			background: url("tinySliderArrows.png") no-repeat scroll 0 0 transparent;
 			display: block;
 			margin: 45px 10px 0 0; 
 			background-position: 0 -38px;
@@ -183,4 +183,4 @@ $default-tinySlider-path: "images" !default;
 
 	}
 
-}
+}

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: particle
 version: !ruby/object:Gem::Version
-  version: '1.0'
+  version: '1.1'
   prerelease: 
 platform: ruby
 authors:
@@ -9,8 +9,24 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-10-15 00:00:00.000000000 Z
+date: 2012-12-20 00:00:00.000000000 Z
 dependencies:
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 3.2.3
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 3.2.3
 - !ruby/object:Gem::Dependency
   name: compass
   requirement: !ruby/object:Gem::Requirement
@@ -44,7 +60,6 @@ files:
 - stylesheets/particle/css3/_gradient.scss
 - stylesheets/particle/css3/_noise.scss
 - stylesheets/particle/css3/_rotate.scss
-- stylesheets/particle/layout/_apprise.scss
 - stylesheets/particle/layout/_images.scss
 - stylesheets/particle/layout/_jquery-ui.scss
 - stylesheets/particle/layout/_slider.scss
@@ -55,7 +70,6 @@ files:
 - stylesheets/particle/layout/slider/_tiny.scss
 - stylesheets/particle/typography/_legible-color-text.scss
 - stylesheets/particle/typography/_render-fix.scss
-- stylesheets/particle/typography/_text-replacement.scss
 - templates/project/manifest.rb
 - templates/project/style.scss
 homepage: http://swy.me/

data/stylesheets/particle/layout/_apprise.scss

@@ -1,66 +0,0 @@
-/*
- * Apprise has been depricated.
- * http://thrivingkings.com/read/Apprise-The-attractive-alert-alternative-for-jQuery
- * TODO: Find Alternative
- */
-
-@mixin apprise {
-  .appriseOverlay {
-  	position: fixed;
-  	top: 0;
-  	left: 0;
-  	background: rgba(0, 0, 0, 0.3);
-  	display: none;
-  } //.appriseOverlay
-
-  .appriseOuter {
-  	background: #eee;
-  	border: white 1px solid;
-  	@include box-shadow(#333 0 3px 7px);
-  	@include border-radius(4px);
-  	position: absolute;
-  	z-index: 300;
-  	min-width: 200px;
-  	min-height: 50px;
-  	max-width: 75%;
-  	position: fixed;
-  	display: none;
-  } //.appriseOuter
-
-  .appriseInner {
-  	padding: 20px;
-  	color: #333;
-  	@include text-shadow(white 0 1px 0);
-    button {
-    	border: 1px solid #bbb;
-    	@include border-radius(3px);
-    	@include background(linear-gradient(top, #d5d5d5, #eee));
-    	color: #232d3d;
-    	font-size: 12px;
-    	font-weight: bold;
-    	padding: 4px 10px;
-    	margin: 0 3px;
-    	@include text-shadow(white 0 1px 0);
-    	cursor: pointer;
-    	@include box-shadow(#ccc 0 1px 2px);
-    	&:hover {
-      	color: #d85054;
-      } //&:hover
-  	} //button
-  } //.appriseInner
-
-  .aButtons, .aInput {
-  	margin: 20px 10px 0;
-  	text-align: center;
-  } //.aButtons, .aInput
-
-  .aTextbox {
-  	border: 1px solid #aaa;
-  	@include border-radius(4px);
-  	@include box-shadow(white 0 1px 0);
-  	width: 180px;
-  	font-size: 12px;
-  	font-weight: bold;
-  	padding: 5px 10px;
-  } //.aTextbox
-}

data/stylesheets/particle/typography/_text-replacement.scss

@@ -1,32 +0,0 @@
-// Hides html text and replaces it with an image.
-// If you use this on an inline element, you will need to change the display to block or inline-block.
-// Also, if the size of the image differs significantly from the font size, you'll need to set the width and/or height.
-//
-// Parameters:
-//
-// * `img` -- the relative path from the project image directory to the image.
-// * `x` -- the x position of the background image.
-// * `y` -- the y position of the background image.
-@mixin kellum-replace-text($img, $x: 50%, $y: 50%) {
-	@include kellum-hide-text;
-	background: {
-		image: image-url($img);
-		repeat: no-repeat;
-		position: $x $y;
-	};
-}
-
-// Like the `replace-text` mixin, but also sets the width
-// and height of the element according the dimensions of the image.
-@mixin kellum-replace-text-with-dimentions($img, $x: 50%, $y: 50%) {
-	@include replace-text($img, $x, $y);
-	width: image-width($img);
-	height: image-height($img);
-}
-
-// Hides text in an element so you can see the background.
-@mixin kellum-hide-text {
-	text-indent: 100%;
-	white-space: nowrap;
-	overflow: hidden;
-}