compass-columnal-plugin 0.0.1 → 0.0.2

data/compass-columnal-plugin.gemspec

@@ -2,7 +2,7 @@
 
 Gem::Specification.new do |s|
   s.name = %q{compass-columnal-plugin}
-  s.version = "0.0.1"
+  s.version = "0.0.2"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 1.3.5")
   s.authors = ["Diogo Biazus"]

data/stylesheets/columnal/_grid.sass

@@ -4,6 +4,7 @@
 /* Column code based on work from cssgrid.net: 
  *The 1140px Grid by Andy Taylor – http://cssgrid.net – http://www.twitter.com/andytlr – http://www.catchingzebra.com
 @import text
+@import compass/css3
 
 $columnal-grid-width: 1140px !default
 
@@ -11,11 +12,41 @@ $columnal-columns: 12 !default
 
 $columnal-class-separator: "_" !default
 
+// Some basic presets
+img, object, embed
+  margin-bottom: 20px
+  max-width: 100%
+
+img 
+  +border-radius(3px)
+  margin-bottom: 20px
+
+a img
+  display: block
+
 =grid-container
   padding-left: 20px
   padding-right: 20px
   img, object, embed
     max-width: 100%
+  @media handheld, only screen and (max-width: 767px)
+    width: 100%
+    margin-left: 0
+    margin-right: 0
+    padding-left: 0
+    padding-right: 0
+    h1
+      margin: .5em 0 .5em
+    h2
+      margin: .5em 0 .535em
+    h3
+      margin: .5em 0 .57em
+    h4
+      margin: .5em 0 .615em
+    h5
+      margin: .5em 0 .67em
+    h6
+      margin: .5em 0 .8em
 
 =grid-row($grid-width: $columnal-grid-width)
   clear: both
@@ -23,11 +54,26 @@ $columnal-class-separator: "_" !default
   max-width: $grid-width
   margin: 0 auto
   overflow: hidden
+  @media handheld, only screen and (max-width: 767px)
+    width: 100%
+    margin-left: 0
+    margin-right: 0
+    padding-left: 0
+    padding-right: 0
 
 =grid-unit-base
   float: left
   margin-right: 3.8%
   position: relative
+  @media handheld, only screen and (max-width: 767px)
+    clear: both
+    float: none
+    margin-left: 0
+    margin-right: 0
+    padding-left: 20px
+    padding-right: 20px
+    width: auto
+    width: -moz-available
 
 =grid($n)
   +grid-unit-base
@@ -36,11 +82,22 @@ $columnal-class-separator: "_" !default
     clear: both
     float: left
 
+=grid-subcolumn($n1, $n2)
+  @for $n from 1 through ($n1 - 1)
+    .pre#{$columnal-class-separator}#{$n}
+      padding-left: 35.69%
+    .suf#{$columnal-class-separator}#{$n}
+      padding-right: 35.69%
+
 =grid-prefix($n)
   padding-left: ($n*8.65%)
+  @media handheld, only screen and (max-width: 767px)
+    padding-left: 0
 
 =grid-suffix($n)
   padding-right: ($n*8.65%)
+  @media handheld, only screen and (max-width: 767px)
+    padding-right: 0
 
 =last
   +omega
@@ -517,4 +574,10 @@ $columnal-class-separator: "_" !default
 
 =mobile-only
   display: none
+  @media handheld, only screen and (max-width: 767px)
+    display: block
+
+=mobile-hide
+  @media handheld, only screen and (max-width: 767px)
+    display: none
 

metadata

@@ -1,65 +1,83 @@
---- !ruby/object:Gem::Specification
+--- !ruby/object:Gem::Specification 
 name: compass-columnal-plugin
-version: !ruby/object:Gem::Version
-  version: 0.0.1
-  prerelease: 
+version: !ruby/object:Gem::Version 
+  prerelease: false
+  segments: 
+  - 0
+  - 0
+  - 2
+  version: 0.0.2
 platform: ruby
-authors:
+authors: 
 - Diogo Biazus
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-01-12 00:00:00.000000000 Z
-dependencies:
-- !ruby/object:Gem::Dependency
+
+date: 2012-01-12 00:00:00 -02:00
+default_executable: 
+dependencies: 
+- !ruby/object:Gem::Dependency 
   name: compass
-  requirement: &70233491890220 !ruby/object:Gem::Requirement
-    none: false
-    requirements:
-    - - ! '>='
-      - !ruby/object:Gem::Version
+  prerelease: false
+  requirement: &id001 !ruby/object:Gem::Requirement 
+    requirements: 
+    - - ">="
+      - !ruby/object:Gem::Version 
+        segments: 
+        - 0
+        - 10
+        - 0
         version: 0.10.0
   type: :runtime
-  prerelease: false
-  version_requirements: *70233491890220
-description: ! 'The Columnal CSS grid system is a “remix” of a couple others with
-  some custom code thrown in. The elastic grid system is borrowed from cssgrid.net,
-  while some code inspiration (and the idea for subcolumns) are taken from 960.gs.
-  Checkout at: http://www.columnal.com/'
-email:
+  version_requirements: *id001
+description: "The Columnal CSS grid system is a \xE2\x80\x9Cremix\xE2\x80\x9D of a couple others with some custom code thrown in. The elastic grid system is borrowed from cssgrid.net, while some code inspiration (and the idea for subcolumns) are taken from 960.gs. Checkout at: http://www.columnal.com/"
+email: 
 - diogo@biazus.me
 executables: []
+
 extensions: []
+
 extra_rdoc_files: []
-files:
+
+files: 
 - compass-columnal-plugin.gemspec
 - README.mkdn
 - lib/columnal.rb
 - stylesheets/columnal/_grid.sass
 - stylesheets/columnal/_text.sass
 - templates/project/manifest.rb
+has_rdoc: true
 homepage: https://github.com/diogob/compass-columnal-plugin
 licenses: []
+
 post_install_message: 
 rdoc_options: []
-require_paths:
+
+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
+required_ruby_version: !ruby/object:Gem::Requirement 
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      segments: 
+      - 0
+      version: "0"
+required_rubygems_version: !ruby/object:Gem::Requirement 
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      segments: 
+      - 1
+      - 3
+      - 5
       version: 1.3.5
 requirements: []
+
 rubyforge_project: compass-columnal-plugin
-rubygems_version: 1.8.10
+rubygems_version: 1.3.6
 signing_key: 
 specification_version: 3
 summary: Compass compatible Sass port of columnal grid system.
 test_files: []
+