halvsies 0.0.1

data/README.mkdn

@@ -0,0 +1 @@
+Halvsies is for making split divs with information maintained on both sides.

data/lib/halvsies.rb

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

data/stylesheets/_halvsies.scss

@@ -0,0 +1,103 @@
+@mixin side( $FLOAT ) {
+  position: relative;
+  width: 50%;
+  height: auto;
+  float: $FLOAT;
+}
+@mixin no-side() {
+  float: none;
+  width: 100%;
+}
+
+
+// This simple mixin is given to a div to split it in half.
+// When there isn't enough room to display side-by-side,
+// then it reverts to above and below
+
+// $WIDTH: The width of the div - %, px
+// $MIN_WIDTH: Point at which the display is over-under
+@mixin halvsies( $WIDTH, $MIN_WIDTH ) {
+  display: inline-block;
+  width: $WIDTH;
+  height: auto;
+  .left {
+    @include side( left );
+  }
+  .right {
+    @include side( right );
+  }
+  @media screen and ( max-width: $MIN_WIDTH ) {
+    display: block;
+    width: auto;
+    .left {
+      @include no-side();
+    }
+    .right {
+      @include no-side();
+    }
+  }
+}
+
+// Create a div with class halvsies. Within halvsies, create two more divs
+// with class left and class right, respectfully.
+
+// # HTML
+
+// <div class='halvsies'>
+//   <div class='left'>
+//   # left side content here
+//   </div>
+//   <div class='right'>
+//   # right side content here
+//   </div>
+// </div>
+
+// # SCSS
+
+// $WIDTH: 100%;
+// $MIN_WIDTH: 400px;
+
+// .halvsies {
+//   @include halvsies( $WIDTH, $MIN_WIDTH );
+// }
+
+// You can even nest halvsies inside other halvsies.
+// For best results when nesting, in the stylesheet make sure to set the
+// $MAX_WIDTH to 100% for all nested halvsies.
+
+// # HTML
+
+// <div class='halvsies'; id='one'>
+//   <div class='left'>
+//     <div class='halvsies'; id='two'
+//       <div class='left'>
+//       # nested left content here
+//       </div>
+//       <div class='right'>
+//       # nested right content here
+//       </div>
+//   </div>
+//   <div class='right'>
+//   # right side content here
+//   </div>
+// </div>
+
+// # SCSS
+
+// #one {
+//   .left {
+//     background: green;
+//   }
+//   .right {
+//     background: blue;
+//   }
+//   #two {
+//     @include halvsies( $WIDTH, $MIN_WIDTH )
+//     .left {
+//       background: orange;
+//     }
+//     .right {
+//       background: yellow;
+//     }
+//   }
+// }

data/templates/project/manifest.rb

@@ -0,0 +1,16 @@
+description "Halvsies half-page/half-div mixin."
+
+stylesheet 'halvsies.scss', :media => 'screen, projection'
+
+html 'welcome.html.haml', :erb => true
+file 'README'
+
+discover: all
+
+help %Q{
+See the _halvsies.scss file for an example on how to use halvsies.
+}
+
+welcome_message %Q{
+Thanks for using halvsies! The most simple split page mixin.
+}

data/templates/project/screen.scss

@@ -0,0 +1,4 @@
+// This is where you put the contents of the main stylesheet for the user's project.
+// It should import your sass stylesheets and demonstrate how to use them.
+
+@import "/stylesheets/halvsies";

metadata

@@ -0,0 +1,65 @@
+--- !ruby/object:Gem::Specification
+name: halvsies
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+  prerelease: 
+platform: ruby
+authors:
+- Taylor Stackpole
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2013-06-23 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: compass
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0.11'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0.11'
+description: a half-page/half-div mixin.
+email: tay.stack@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- README.mkdn
+- lib/halvsies.rb
+- stylesheets/_halvsies.scss
+- templates/project/manifest.rb
+- templates/project/screen.scss
+homepage: 
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.23
+signing_key: 
+specification_version: 3
+summary: scss half-page/half-div
+test_files: []