grater 0.1.4 → 0.1.5
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/Gemfile.lock +2 -2
- data/Readme.markdown +8 -2
- data/app/assets/stylesheets/grater.scss +4 -4
- data/lib/grater/version.rb +1 -1
- metadata +3 -3
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 9c28e741e0bd812f7db05ca381409433021ddb38
|
4
|
+
data.tar.gz: 4e830c59b4acaf77ffbcfaed52e6aa3ce0a6e7e7
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 4c3e0f42badb8112059c735228e272f12694c0519ae6fd62f25784d693e2f6d6d28e2cabd147f030cc89401b6e2557ced5493bd5a9c63f798cb4e43b1de2cab7
|
7
|
+
data.tar.gz: b32364f01bf278ff6729aaf5fc08bf244ad9c05f5023dfb17fcaf8fdc0b3b6e418faf26d8ec3df274f7a168aa22d98f353677259e67d57ea262c7ff4ce8e2dcf
|
data/Gemfile.lock
CHANGED
data/Readme.markdown
CHANGED
@@ -4,6 +4,12 @@ CSS grids as easy to use as a cheese grater. Read the philosphy behind this supe
|
|
4
4
|
|
5
5
|
Simply download [grater.css](https://github.com/samsoffes/grater/raw/master/grater.css) to get started. You can also install it as a gem if you are using Rails 3.1 or higher with the asset pipeline (see below).
|
6
6
|
|
7
|
+
## Example
|
8
|
+
|
9
|
+
![Two Columns](http://assets.samsoff.es/posts/my-grid-system/grid1.png)
|
10
|
+
|
11
|
+
![Stacked](http://assets.samsoff.es/posts/my-grid-system/grid2.png)
|
12
|
+
|
7
13
|
## Usage
|
8
14
|
|
9
15
|
Simply structure some HTML like this:
|
@@ -34,7 +40,7 @@ You can also use the reverse version:
|
|
34
40
|
|
35
41
|
**Important:** `div.grater` is intended to be enclosed in a 640px or 300px container. You can optionally add `<div class="grater-container">` around it to get this functionality.
|
36
42
|
|
37
|
-
## Asset Pipeline
|
43
|
+
## Using with Sprockets (Asset Pipeline)
|
38
44
|
|
39
45
|
Add this line to your application's Gemfile:
|
40
46
|
|
@@ -48,4 +54,4 @@ And then execute:
|
|
48
54
|
|
49
55
|
You may need to run `bundle update` since Rails comes with `sass-rails` which uses an older version of the Sass gem.
|
50
56
|
|
51
|
-
Now, simply require `grater` like you would any other stylesheet using the Asset Pipeline.
|
57
|
+
Now, simply require `grater` like you would any other stylesheet using the Asset Pipeline. Grater also works with plain Sprockets. It's recommended to add `sass-sprockets` to your Gemfile to make the load paths work better.
|
@@ -1,7 +1,7 @@
|
|
1
|
-
$grater-large-container-width: 640px;
|
2
|
-
$grater-small-container-width: 300px;
|
3
|
-
$grater-column-width: 300px;
|
4
|
-
$grater-small-media-query: "all and (max-width: 660px)";
|
1
|
+
$grater-large-container-width: 640px !default;
|
2
|
+
$grater-small-container-width: 300px !default;
|
3
|
+
$grater-column-width: 300px !default;
|
4
|
+
$grater-small-media-query: "all and (max-width: 660px)" !default;
|
5
5
|
|
6
6
|
// Grater container
|
7
7
|
.grater-container {
|
data/lib/grater/version.rb
CHANGED
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: grater
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.1.
|
4
|
+
version: 0.1.5
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Sam Soffes
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2013-
|
11
|
+
date: 2013-09-28 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: sass
|
@@ -62,7 +62,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
62
62
|
version: '0'
|
63
63
|
requirements: []
|
64
64
|
rubyforge_project:
|
65
|
-
rubygems_version: 2.0
|
65
|
+
rubygems_version: 2.1.0
|
66
66
|
signing_key:
|
67
67
|
specification_version: 4
|
68
68
|
summary: CSS grids as easy to use as a cheese grater
|