Skip to content

Commit

Permalink
moving _base.scss to a partials folder. trying to debug issues with c…
Browse files Browse the repository at this point in the history
…ompass create
  • Loading branch information
heygrady committed Apr 20, 2012
1 parent 511ff5a commit 958f348
Show file tree
Hide file tree
Showing 4 changed files with 39 additions and 4 deletions.
3 changes: 2 additions & 1 deletion .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -4,4 +4,5 @@
/test/.sass-cache
/test/css/test.css
/test/css/example.css
/compass-grid-0.0.1.gem
/compass-grid-0.0.1.gem
/compass-grid-plugin-0.0.1.gem
34 changes: 34 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,9 +6,38 @@ Simple grid system based on [the 1KB CSS Grid](http://1kbgrid.com/) designed to

The next better best thing would be fully responsive media query support, but there's [some limitations in Sass as a language](https://github.com/nex3/sass/issues/116#issuecomment-5166163) that make that difficult to do in a Compass plugin.

## Installation
###Install the Ruby Gem.
```
gem install compass-grid-plugin
```

### Use a Gemfile


### Existing Compass Projects
You can include it in any existing Compass project by including the grid in your config.rb file.

```ruby
# Require any additional compass plugins here.
require 'compass-grid'
```

### New Compass Projects
You can install the grid plugin as part of a new Compass project

```
compass create ./my_project -r compass-grid -u compass-grid
```

## Fixed Grid Usage
The primary grid is a fixed, pixel grid. This grid is ideal for designs that do not require responsive design.

```scss
// import the grid
@import "grid";
```

### Variables
- **$grid-column-width**: *60px* - The width of 1 column
- **$grid-gutter-width**: *20px* - The space between 2 columns
Expand All @@ -32,6 +61,11 @@ The primary grid is a fixed, pixel grid. This grid is ideal for designs that do
## Fluid Grid Usage
This is a fluid version of the grid that uses percentages for widths. This grid is ideal for responsive designs that need to scale depending on the device. The fluid grid is more complex because percentage widths depend on their context for meaning. Every function and mixin is similar to the fixed grid but there are two additional variables to provide context.

```scss
// import the fluid grid
@import "grid/fluid";
```

### Variables
The fluid grid uses the variable from the fixed grid module

Expand Down
6 changes: 3 additions & 3 deletions templates/project/manifest.rb
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
stylesheet 'screen.scss', :media => "screen, projection"
stylesheet '_base.scss'

description "Sass Grid based on the 1KB CSS Grid"

stylesheet 'screen.scss', :media => "screen, projection"
stylesheet 'partials/_base.scss'

help %Q{
Please see the website for all documentation and tutorials:
Expand Down
File renamed without changes.

0 comments on commit 958f348

Please sign in to comment.