plumcube 0.0.6

checksums.yaml

@@ -0,0 +1,15 @@
+---
+!binary "U0hBMQ==":
+  metadata.gz: !binary |-
+    N2IyMTYyNjk2NDUyNWNmZmJlYmQ2OTVjZDQ2Zjg4MjIzNDgzOThmMQ==
+  data.tar.gz: !binary |-
+    YjZkN2ExMWNlZjYwNzcwM2Y5Y2M3OWU5ZDM2YzU2NWU2NjYyZTBjOQ==
+!binary "U0hBNTEy":
+  metadata.gz: !binary |-
+    YWI3ZDdhNDUwYWRiMzkwODIzZWY1ZWI1YjBmYzc5MmM2ZWEzYTZiZWJiZmRk
+    OTkyZWJlN2U4MzJhMGVkMGM5OWNjMDM1YjJmZDJkYzRiNTczNmUzZDNjZWE2
+    OThjODU2ZWNmMjdkODNiZmQ3ZDdmNzkzMWY4N2I0OTEzMzY5YmI=
+  data.tar.gz: !binary |-
+    MWExODNkNzY2NDE3M2Y2MDlmYWY2NWQ2M2Q4Yzc2ZTQ2NzVkZGQ5MjVjN2U0
+    MDUyY2ViMGZmMWE5NDFjN2ZjZWVkN2QxZDc3ZmYyODJlMjNhZDhkMTBlOWRk
+    Y2UwMzBkMTZlODllZDcxNmQ5ZGQwNzcxNjUxOGM4YWVlMmQyY2U=

data/lib/plumcube.rb

@@ -0,0 +1 @@
+Compass::Frameworks.register("plumcube", :path => "#{File.dirname(__FILE__)}/..")

data/readme.md

@@ -0,0 +1,3 @@
+# Coming soon...
+
+As soon as I figure out this whole "git" thing.

data/stylesheets/_plumcube.scss

@@ -0,0 +1,69 @@
+/* ==================================================
+import helper functions
+================================================== */
+@import 'plumcube/helpers';
+
+/* ==================================================
+cube it up
+================================================== */
+@mixin plumcube($x, $y, $z, $perspective, $origin) {
+	@include perspective($perspective+px);
+    @include perspective-origin($origin+'%');
+	width: $x + px;
+	height: $z + px;
+	.cube-z, .cube-y, .cube-x {
+		@include transform-style(preserve-3d);
+		@include transition(all 1s ease-in-out);
+	}
+	.cube-x {
+		list-style: none;
+		margin: 0;
+		padding: 0;
+		position: relative;
+		width: $x + px;
+		height: $y + px;
+		
+		li {
+			display: block;
+			position: absolute;
+			&:nth-child(1), &:nth-child(2), &:nth-child(3), &:nth-child(4) {
+				height: $y+px;
+			}
+			&:nth-child(5), &:nth-child(6) {
+				height: $z+px;
+			}
+			&:nth-child(1), &:nth-child(3), &:nth-child(5), &:nth-child(6) {
+				width: $x+px;
+			}
+			&:nth-child(2), &:nth-child(4) {
+				width: $z+px;
+			}
+			&:nth-child(1) {
+				@include transform(translateZ(($z/2)+px));
+			}
+			&:nth-child(2) {
+				@include transform(rotateY(90deg) translateZ($x - ($z/2)+px));
+			}
+			&:nth-child(3) {
+				@include transform(rotateY(180deg) translateZ(($z/2)+px));
+			}
+			&:nth-child(4) {
+				@include transform(rotateY(-90deg) translateZ(($z/2)+px));
+			}
+			&:nth-child(5) {
+				@include transform(rotateX(90deg) translateZ(($z/2)+px));
+			}
+			&:nth-child(6) {
+				@include transform(rotateX(90deg) translateZ(-($x - ($z/2))+px));
+				
+			}
+		}
+	}
+}
+
+/* ==================================================
+360-degree cube rotation
+================================================== */
+@mixin spincube($direction, $speed) {
+	@include private-animation(private-spin+to_upper_case($direction) $speed linear infinite);
+}

data/stylesheets/plumcube/_helpers.scss

@@ -0,0 +1,39 @@
+/* ==================================================
+keyframes animation builder -> adds -webkit prefix
+================================================== */
+@mixin private-keyframes ($animation_name) {
+	@-webkit-keyframes $animation_name {
+		@content;
+	}
+	@keyframes $animation_name {
+		@content;
+	}
+}
+/* ==================================================
+animation property builder -> adds -webkit prefix
+================================================== */
+@mixin private-animation($params) {
+	animation: $params;
+    -webkit-animation: $params;
+}
+
+/* ==================================================
+css transform for 360-degree spin
+================================================== */
+@mixin private-spin($axis) {
+	@include private-keyframes(private-spin+$axis) {
+		from {
+			@include transform(rotate+$axis+'(0deg)');
+		}
+		to {
+			@include transform(rotate+$axis+'(360deg)');
+		}
+	}
+}
+
+/* ==================================================
+define 360-degree spin for each axis
+================================================== */
+@include private-spin(X);
+@include private-spin(Y);
+@include private-spin(Z);

metadata

@@ -0,0 +1,78 @@
+--- !ruby/object:Gem::Specification
+name: plumcube
+version: !ruby/object:Gem::Version
+  version: 0.0.6
+platform: ruby
+authors:
+- Stephanie Plumeri
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-07-19 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ! '>'
+      - !ruby/object:Gem::Version
+        version: 3.2.9
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ! '>'
+      - !ruby/object:Gem::Version
+        version: 3.2.9
+- !ruby/object:Gem::Dependency
+  name: compass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 0.12.1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 0.12.1
+description: turn a list into a 3D object of any shape and size... as long as that
+  shape is a cube
+email: stephanie.plumeri@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- readme.md
+- lib/plumcube.rb
+- stylesheets/plumcube/_helpers.scss
+- stylesheets/_plumcube.scss
+homepage: https://github.com/s-plum/plumcube
+licenses:
+- MIT
+- GPL-2
+metadata: {}
+post_install_message: 
+rdoc_options: []
+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.5
+signing_key: 
+specification_version: 4
+summary: a css 3D animation extension for compass
+test_files: []
+has_rdoc: