compass-lucid-grid 0.2.0 → 0.3.0

data/README.md

@@ -1,6 +1,6 @@
 #The Lucid Grid
 
-Currently in early development. Comments/suggestions welcome!
+Currently in early development. The API is still evolving, but feel free to give it a try. Comments/suggestions welcome!
 
 ###Lucid is for developers who:
 
@@ -13,18 +13,29 @@ Currently in early development. Comments/suggestions welcome!
 ###Developer's Notes:
 
 * Lucid uses @extend internally to prevent the CSS duplication that can happen with too many @includes.
-* Documenation is coming soon.
+* Lucid allow you to adjust the width of grid element via a mixin parameter.
+* Full documenation coming soon.
+* MIT License
 
-###Instructions:
+###Try it out:
 
-`(sudo) gem install compass-lucid-grid`
+```
+(sudo) gem install compass-lucid-grid
+compass help -r lucid lucid
+```
 
 THEN
 
-`cd your_existing_project`
-`echo "require 'lucid'" >> config.rb`
-`compass install -r lucid lucid`
+```
+cd your_existing_project
+echo "require 'lucid'" >> config.rb
+compass install -r lucid lucid`
+```
 
 OR
 
-`compass create -r lucid --using lucid your_new_project`
+```
+compass create -r lucid --using lucid your_new_project
+```
+
+(Note: Creating a project with Lucid does not generate the default Compass stylesheets, only the `_grid.scss` partial.)

data/stylesheets/lucid/_public.scss

@@ -39,6 +39,12 @@
   @include _grid-element-style($columns, $offset, 0, $width-adjustment);
 }
 
+// Element (without width, with gutters)
+// Useful for aligning headers, orphans, etc.
+@mixin col-widthless {
+  @extend #{$grid-hook-column};
+}
+
 //
 // Experimental Media Query Adjustments
 //

data/templates/project/_grid.scss

@@ -43,6 +43,7 @@
 // @include col(3, 2);              // shifted 2 columns to right
 // @include col(3, 2, 20px);        // subtract 20px from `width` to adjust for borders/padding
 // @include col-gutterless(5, 2);   // "gutterless" element, identical usage to `col()`
+// @include col-widthless;          // adds float and gutters only (useful for aligning headers, etc.)
 //
 // @include grid-classes;           // generate .g* classes to use in markup
 // @include grid-classes(true);     // generate .g* and .gl* (gutterless) classes

data/templates/project/manifest.rb

@@ -3,6 +3,9 @@ description "A Compass/SASS grid for people who love semantics."
 discover :all
 
 help %Q{
+
+***
+
 THE LUCID GRID | HELP
 
 SETUP
@@ -20,6 +23,7 @@ BASIC USAGE
   @include col(3, 2);              // shifted 2 columns to right
   @include col(3, 2, 20px);        // subtract 20px from `width` to adjust for borders/padding
   @include col-gutterless(5, 2);   // "gutterless" element, identical usage to `col()`
+  @include col-widthless;          // adds float and gutters only (useful for aligning headers, etc.)
 
   @include grid-classes;           // generate .g* classes to use in markup
   @include grid-classes(true);     // generate .g* and .gl* (gutterless) classes
@@ -34,6 +38,9 @@ To view the source, visit [https://github.com/ezYZ/lucid]
 }
 
 welcome_message %Q{
+
+***
+
 THE LUCID GRID
 plugin by Yifei Zhang
 
@@ -46,4 +53,5 @@ Contribute on GitHub:
 https://github.com/ezYZ/lucid
 
 ***
+
 }

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: compass-lucid-grid
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.3.0
   prerelease: 
 platform: ruby
 authors:
@@ -13,7 +13,7 @@ date: 2011-05-23 00:00:00.000000000Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: compass
-  requirement: &79972540 !ruby/object:Gem::Requirement
+  requirement: &86520450 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -21,7 +21,7 @@ dependencies:
         version: '0.11'
   type: :runtime
   prerelease: false
-  version_requirements: *79972540
+  version_requirements: *86520450
 description: A Compass/SASS grid that outputs lean, semantic stylesheets. Avoids CSS
   repetition on SASS compilation and reduces the need for wrapper <div>s.
 email: yz@yifei.co