compass-columnal-plugin 0.1.1 → 0.1.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (4) hide show
  1. data/README.mkdn +38 -5
  2. data/compass-columnal-plugin.gemspec +1 -1
  3. data/stylesheets/columnal/_grid.sass +2 -2
  4. metadata +52 -34
data/README.mkdn CHANGED
@@ -15,22 +15,55 @@ I've tried to use the same mixin names whenever possible to make a migration eas
15
15
  Install
16
16
  =======
17
17
 
18
- to be added soon
18
+ First add to your Gemfile:
19
+
20
+ gem "compass-columnal-plugin"
21
+
22
+ Then run:
23
+
24
+ bundle install
25
+
26
+ Add a `config/compass.rb` file to your project containing:
27
+
28
+ require 'columnal'
29
+
30
+ In your stylesheet:
31
+
32
+ @import columnal/grid
19
33
 
20
34
  Class-Based Grid System
21
35
  =======================
22
36
 
23
37
  To create a grid system that works like the original Columnal Grid System framework
24
- use the `+grid-system-complete` mixin to generate the corresponding classes. You
25
- can also customize the number of columns as demonstrated:
38
+ use the `+grid-system-complete` mixin to generate the corresponding classes:
26
39
 
27
40
  Example:
28
41
 
29
- +grid-system-complete(24)
42
+ +grid-system-complete
30
43
 
31
44
  Making Semantic Grids
32
45
  =====================
33
46
 
34
- to be added soon
47
+ Let's say we have a 12 columns layout, and we want to use the `<section>` tag as a row in the grid:
48
+
49
+ body
50
+ +grid-container
51
+ section
52
+ +grid-row
53
+ header
54
+ +grid-column(12)
55
+ article
56
+ +grid-column(9)
57
+ aside
58
+ +grid-column(3)
59
+ +last
35
60
 
61
+ So we could use the following HTML:
36
62
 
63
+ <body>
64
+ <section>
65
+ <header>This header has 12 columns</header>
66
+ <article>Here we have 9 columns</article>
67
+ <aside>And here 3</aside>
68
+ </section>
69
+ </body>
data/compass-columnal-plugin.gemspec CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Gem::Specification.new do |s|
4
4
  s.name = %q{compass-columnal-plugin}
5
- s.version = "0.1.1"
5
+ s.version = "0.1.2"
6
6
 
7
7
  s.required_rubygems_version = Gem::Requirement.new(">= 1.3.5")
8
8
  s.authors = ["Diogo Biazus"]
data/stylesheets/columnal/_grid.sass CHANGED
@@ -135,13 +135,13 @@ a img
135
135
  .suf#{$columnal-class-separator}#{$sub}
136
136
  +grid-subcolumn-suffix($n, $sub)
137
137
 
138
- =grid-subcolumn-prefix
138
+ =grid-subcolumn-prefix($n1, $n2)
139
139
  $col_width: (4.85% + 8.65% * ($n1 - 1))
140
140
  padding-left: ((4.85% + 8.65% * ($n2 - 1)) / $col_width * 100%)
141
141
  float: left
142
142
  position: relative
143
143
 
144
- =grid-subcolumn-suffix
144
+ =grid-subcolumn-suffix($n1, $n2)
145
145
  $col_width: (4.85% + 8.65% * ($n1 - 1))
146
146
  padding-right: ((4.85% + 8.65% * ($n2 - 1)) / $col_width * 100%)
147
147
  float: left
metadata CHANGED
@@ -1,65 +1,83 @@
1
- --- !ruby/object:Gem::Specification
1
+ --- !ruby/object:Gem::Specification
2
2
  name: compass-columnal-plugin
3
- version: !ruby/object:Gem::Version
4
- version: 0.1.1
5
- prerelease:
3
+ version: !ruby/object:Gem::Version
4
+ prerelease: false
5
+ segments:
6
+ - 0
7
+ - 1
8
+ - 2
9
+ version: 0.1.2
6
10
  platform: ruby
7
- authors:
11
+ authors:
8
12
  - Diogo Biazus
9
13
  autorequire:
10
14
  bindir: bin
11
15
  cert_chain: []
12
- date: 2012-01-12 00:00:00.000000000 Z
13
- dependencies:
14
- - !ruby/object:Gem::Dependency
16
+
17
+ date: 2012-01-12 00:00:00 -02:00
18
+ default_executable:
19
+ dependencies:
20
+ - !ruby/object:Gem::Dependency
15
21
  name: compass
16
- requirement: &70350093089440 !ruby/object:Gem::Requirement
17
- none: false
18
- requirements:
19
- - - ! '>='
20
- - !ruby/object:Gem::Version
22
+ prerelease: false
23
+ requirement: &id001 !ruby/object:Gem::Requirement
24
+ requirements:
25
+ - - ">="
26
+ - !ruby/object:Gem::Version
27
+ segments:
28
+ - 0
29
+ - 10
30
+ - 0
21
31
  version: 0.10.0
22
32
  type: :runtime
23
- prerelease: false
24
- version_requirements: *70350093089440
25
- description: ! 'The Columnal CSS grid system is a “remix” of a couple others with
26
- some custom code thrown in. The elastic grid system is borrowed from cssgrid.net,
27
- while some code inspiration (and the idea for subcolumns) are taken from 960.gs.
28
- Checkout at: http://www.columnal.com/'
29
- email:
33
+ version_requirements: *id001
34
+ 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/"
35
+ email:
30
36
  - diogo@biazus.me
31
37
  executables: []
38
+
32
39
  extensions: []
40
+
33
41
  extra_rdoc_files: []
34
- files:
42
+
43
+ files:
35
44
  - compass-columnal-plugin.gemspec
36
45
  - README.mkdn
37
46
  - lib/columnal.rb
38
47
  - stylesheets/columnal/_grid.sass
39
48
  - stylesheets/columnal/_text.sass
40
49
  - templates/project/manifest.rb
50
+ has_rdoc: true
41
51
  homepage: https://github.com/diogob/compass-columnal-plugin
42
52
  licenses: []
53
+
43
54
  post_install_message:
44
55
  rdoc_options: []
45
- require_paths:
56
+
57
+ require_paths:
46
58
  - lib
47
- required_ruby_version: !ruby/object:Gem::Requirement
48
- none: false
49
- requirements:
50
- - - ! '>='
51
- - !ruby/object:Gem::Version
52
- version: '0'
53
- required_rubygems_version: !ruby/object:Gem::Requirement
54
- none: false
55
- requirements:
56
- - - ! '>='
57
- - !ruby/object:Gem::Version
59
+ required_ruby_version: !ruby/object:Gem::Requirement
60
+ requirements:
61
+ - - ">="
62
+ - !ruby/object:Gem::Version
63
+ segments:
64
+ - 0
65
+ version: "0"
66
+ required_rubygems_version: !ruby/object:Gem::Requirement
67
+ requirements:
68
+ - - ">="
69
+ - !ruby/object:Gem::Version
70
+ segments:
71
+ - 1
72
+ - 3
73
+ - 5
58
74
  version: 1.3.5
59
75
  requirements: []
76
+
60
77
  rubyforge_project: compass-columnal-plugin
61
- rubygems_version: 1.8.17
78
+ rubygems_version: 1.3.6
62
79
  signing_key:
63
80
  specification_version: 3
64
81
  summary: Compass compatible Sass port of columnal grid system.
65
82
  test_files: []
83
+