itsucks-compass-960-plugin 0.9.12 → 0.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. data/Manifest +5 -6
  2. data/README.textile +60 -0
  3. data/Rakefile +3 -3
  4. data/VERSION +1 -1
  5. data/itsucks-compass-960-plugin.gemspec +12 -12
  6. data/lib/ninesixty.rb +2 -1
  7. data/stylesheets/960/_debug.sass +14 -0
  8. data/stylesheets/960/_grid.sass +94 -0
  9. data/stylesheets/960/_sticky_footer.sass +32 -0
  10. data/stylesheets/960/_text.sass +47 -0
  11. data/templates/project/grid.sass +37 -36
  12. data/templates/project/manifest.rb +2 -1
  13. data/templates/project/screen.sass +78 -82
  14. metadata +18 -17
  15. data/README.mkd +0 -45
  16. data/lib/ninesixty/compass_plugin.rb +0 -5
  17. data/sass/960/_debug.sass +0 -14
  18. data/sass/960/_grid.sass +0 -80
  19. data/sass/960/_sticky_footer.sass +0 -31
  20. data/sass/960/_text.sass +0 -59
data/Manifest CHANGED
@@ -1,13 +1,12 @@
1
1
  Manifest
2
- README.mkd
2
+ README.textile
3
3
  Rakefile
4
4
  VERSION
5
5
  lib/ninesixty.rb
6
- lib/ninesixty/compass_plugin.rb
7
- sass/960/_debug.sass
8
- sass/960/_grid.sass
9
- sass/960/_sticky_footer.sass
10
- sass/960/_text.sass
6
+ stylesheets/960/_debug.sass
7
+ stylesheets/960/_grid.sass
8
+ stylesheets/960/_sticky_footer.sass
9
+ stylesheets/960/_text.sass
11
10
  templates/project/12_col.gif
12
11
  templates/project/16_col.gif
13
12
  templates/project/grid.sass
data/README.textile ADDED
@@ -0,0 +1,60 @@
1
+ h1. 960 Grid System - Compass Plugin
2
+
3
+ Fork from "chriseppstein/compass-960-plugin":http://github.com/chriseppstein/compass-960-plugin
4
+
5
+ h2. Install
6
+
7
+ <pre>
8
+ <code>
9
+ gem install itsucks-compass-960-plugin
10
+ </code>
11
+ </pre>
12
+
13
+ or
14
+
15
+ <pre>
16
+ <code>
17
+ rake install
18
+ </code>
19
+ </pre>
20
+
21
+ h2. Create a 960-based Compass Project
22
+
23
+ <pre>
24
+ <code>
25
+ compass create -r ninesixty <project name> --using 960
26
+ </code>
27
+ </pre>
28
+
29
+ Then edit your `grid.sass` files accordingly.
30
+
31
+ h2. Customizing your Grid System
32
+
33
+ * screen.sass
34
+
35
+ <pre>
36
+ <code>
37
+ %body
38
+ #wrap
39
+ #header
40
+ #main.clearfix
41
+ .g12
42
+ .content
43
+ .sidebar
44
+ #footer
45
+ </code>
46
+ </pre>
47
+
48
+ * grid.sass
49
+
50
+ <pre>
51
+ <code>
52
+ %body
53
+ #wrap
54
+ #header
55
+ #main.clearfix
56
+ .g12
57
+ .g16
58
+ #footer
59
+ </code>
60
+ </pre>
data/Rakefile CHANGED
@@ -4,10 +4,10 @@ begin
4
4
  Echoe.new('itsucks-compass-960-plugin', open('VERSION').read) do |p|
5
5
  p.summary = "Compass compatible Sass port of 960.gs."
6
6
  p.description = "The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. http://960.gs/"
7
- p.url = "http://github.com/chriseppstein/compass-960-plugin"
8
- p.author = ['Percy Lau']
7
+ p.url = "http://github.com/itsucks/compass-960-plugin"
8
+ p.author = ['Liu Peng']
9
9
  p.email = "percy.lau@gmail.com"
10
- p.dependencies = ["chriseppstein-compass"]
10
+ p.dependencies = ["compass"]
11
11
  p.has_rdoc = false
12
12
  end
13
13
 
data/VERSION CHANGED
@@ -1 +1 @@
1
- 0.9.12
1
+ 0.10.0
data/itsucks-compass-960-plugin.gemspec CHANGED
@@ -2,32 +2,32 @@
2
2
 
3
3
  Gem::Specification.new do |s|
4
4
  s.name = %q{itsucks-compass-960-plugin}
5
- s.version = "0.9.12"
5
+ s.version = "0.10.0"
6
6
 
7
7
  s.required_rubygems_version = Gem::Requirement.new(">= 1.2") if s.respond_to? :required_rubygems_version=
8
- s.authors = ["Percy Lau"]
9
- s.date = %q{2010-03-22}
8
+ s.authors = ["Liu Peng"]
9
+ s.date = %q{2011-02-20}
10
10
  s.description = %q{The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. http://960.gs/}
11
11
  s.email = %q{percy.lau@gmail.com}
12
- s.extra_rdoc_files = ["README.mkd", "lib/ninesixty.rb", "lib/ninesixty/compass_plugin.rb"]
13
- s.files = ["Manifest", "README.mkd", "Rakefile", "VERSION", "lib/ninesixty.rb", "lib/ninesixty/compass_plugin.rb", "sass/960/_debug.sass", "sass/960/_grid.sass", "sass/960/_sticky_footer.sass", "sass/960/_text.sass", "templates/project/12_col.gif", "templates/project/16_col.gif", "templates/project/grid.sass", "templates/project/manifest.rb", "templates/project/screen.sass", "itsucks-compass-960-plugin.gemspec"]
14
- s.homepage = %q{http://github.com/chriseppstein/compass-960-plugin}
15
- s.rdoc_options = ["--line-numbers", "--inline-source", "--title", "Itsucks-compass-960-plugin", "--main", "README.mkd"]
12
+ s.extra_rdoc_files = ["README.textile", "lib/ninesixty.rb"]
13
+ s.files = ["Manifest", "README.textile", "Rakefile", "VERSION", "lib/ninesixty.rb", "stylesheets/960/_debug.sass", "stylesheets/960/_grid.sass", "stylesheets/960/_sticky_footer.sass", "stylesheets/960/_text.sass", "templates/project/12_col.gif", "templates/project/16_col.gif", "templates/project/grid.sass", "templates/project/manifest.rb", "templates/project/screen.sass", "itsucks-compass-960-plugin.gemspec"]
14
+ s.homepage = %q{http://github.com/itsucks/compass-960-plugin}
15
+ s.rdoc_options = ["--line-numbers", "--inline-source", "--title", "Itsucks-compass-960-plugin", "--main", "README.textile"]
16
16
  s.require_paths = ["lib"]
17
17
  s.rubyforge_project = %q{itsucks-compass-960-plugin}
18
- s.rubygems_version = %q{1.3.6}
18
+ s.rubygems_version = %q{1.3.7}
19
19
  s.summary = %q{Compass compatible Sass port of 960.gs.}
20
20
 
21
21
  if s.respond_to? :specification_version then
22
22
  current_version = Gem::Specification::CURRENT_SPECIFICATION_VERSION
23
23
  s.specification_version = 3
24
24
 
25
- if Gem::Version.new(Gem::RubyGemsVersion) >= Gem::Version.new('1.2.0') then
26
- s.add_runtime_dependency(%q<chriseppstein-compass>, [">= 0"])
25
+ if Gem::Version.new(Gem::VERSION) >= Gem::Version.new('1.2.0') then
26
+ s.add_runtime_dependency(%q<compass>, [">= 0"])
27
27
  else
28
- s.add_dependency(%q<chriseppstein-compass>, [">= 0"])
28
+ s.add_dependency(%q<compass>, [">= 0"])
29
29
  end
30
30
  else
31
- s.add_dependency(%q<chriseppstein-compass>, [">= 0"])
31
+ s.add_dependency(%q<compass>, [">= 0"])
32
32
  end
33
33
  end
data/lib/ninesixty.rb CHANGED
@@ -1 +1,2 @@
1
- require File.join(File.dirname(__FILE__), 'ninesixty', 'compass_plugin')
1
+ require 'compass'
2
+ Compass::Frameworks.register("960", :path => "#{File.dirname(__FILE__)}/..")
data/stylesheets/960/_debug.sass ADDED
@@ -0,0 +1,14 @@
1
+ $col_12: unquote("12_col.gif") !default
2
+ $col_16: unquote("16_col.gif") !default
3
+
4
+ =showgrid_12($selector, $grid_pic: $col_12)
5
+ #{$selector}
6
+ background:
7
+ image: image_url($grid_pic)
8
+ repeat: repeat-y
9
+
10
+ =showgrid_16($selector, $grid_pic: $col_16)
11
+ #{$selector}
12
+ background:
13
+ image: image_url($grid_pic)
14
+ repeat: repeat-y
data/stylesheets/960/_grid.sass ADDED
@@ -0,0 +1,94 @@
1
+ $ninesixty_gutter_width: 20px !default
2
+ $ninesixty_grid_width: 960px !default
3
+ $ninesixty_columns: 12 !default
4
+
5
+ =grid-container
6
+ margin-left: auto
7
+ margin-right: auto
8
+ width: $ninesixty_grid_width
9
+
10
+ =grid-width($n, $cols: $ninesixty_columns, $gutter_width: $ninesixty_gutter_width)
11
+ width: $ninesixty_grid_width / $cols * $n - $gutter_width
12
+
13
+ =grid-unit-base($gutter_width: $ninesixty_gutter_width)
14
+ display: inline
15
+ float: left
16
+ margin:
17
+ left: $gutter_width / 2
18
+ right: $gutter_width / 2
19
+
20
+ =grid($n, $cols: $ninesixty_columns, $gutter_width: $ninesixty_gutter_width)
21
+ +grid-unit-base($gutter_width)
22
+ +grid-width($n, $cols, $gutter_width)
23
+
24
+ =alpha
25
+ margin-left: 0
26
+
27
+ =omega
28
+ margin-right: 0
29
+
30
+ =grids($cols: $ninesixty_columns, $gutter_width: $ninesixty_gutter_width)
31
+ #{enumerate(".grid", 1, $cols, "_")}
32
+ +grid-unit-base
33
+ @for $n from 1 through $cols
34
+ .grid_#{$n}
35
+ +grid-width($n, $cols, $gutter_width)
36
+
37
+ =grid-prefix($n, $cols: $ninesixty_columns)
38
+ padding-left: $ninesixty_grid_width / $cols * $n
39
+
40
+ =grid-prefixes($cols: $ninesixty_columns)
41
+ @for $n from 1 through $cols - 1
42
+ .prefix_#{$n}
43
+ +grid-prefix($n, $cols)
44
+
45
+ =grid-suffix($n, $cols: $ninesixty_columns)
46
+ padding-right: $ninesixty_grid_width / $cols * $n
47
+
48
+ =grid-suffixes($cols: $ninesixty_columns)
49
+ @for $n from 1 through $cols - 1
50
+ .suffix_#{$n}
51
+ +grid-suffix($n, $cols)
52
+
53
+ =grid-move-base
54
+ position: relative
55
+
56
+ =grid-movements($cols: $ninesixty-columns)
57
+ #{enumerate(".push", 1, $cols, "_")},
58
+ #{enumerate(".pull", 1, $cols, "_")}
59
+ +grid-move-base
60
+ @for $n from 1 through $cols
61
+ .push_#{$n}
62
+ +grid-push($n, $cols)
63
+ .pull_#{$n}
64
+ +grid-pull($n, $cols)
65
+
66
+ =grid-push($n, $cols: $ninesixty_columns)
67
+ left: $ninesixty_grid_width / $cols * $n
68
+
69
+ =grid-pushs($cols: $ninesixty_columns)
70
+ @for $n from 1 through $cols - 1
71
+ .push_#{$n}
72
+ +grid-push($n, $cols)
73
+
74
+ =grid-pull($n, $cols: $ninesixty_columns)
75
+ left: -($ninesixty_grid_width / $cols) * $n
76
+
77
+ =grid-pulls($cols: $ninesixty_columns)
78
+ @for $n from 1 through $cols - 1
79
+ .pull_#{$n}
80
+ +grid-pull($n, $cols)
81
+
82
+ =grid-children
83
+ .alpha
84
+ +alpha
85
+ .omega
86
+ +omega
87
+
88
+ =grid-system($cols: $ninesixty_columns)
89
+ +grid-container
90
+ +grids($cols)
91
+ +grid-prefixes($cols)
92
+ +grid-suffixes($cols)
93
+ +grid-children
94
+ +grid-movements($cols)
data/stylesheets/960/_sticky_footer.sass ADDED
@@ -0,0 +1,32 @@
1
+ $footer_height: 3em !default
2
+
3
+ =sticky-footer($footer_height, $root_selector, $content_selector, $footer_selector)
4
+ *
5
+ margin: 0
6
+ padding: 0
7
+ html, body, #{$root_selector}
8
+ height: 100%
9
+ body > #{$root_selector}
10
+ height: auto
11
+ min-height: 100%
12
+ #{$content_selector}
13
+ padding-bottom: #{$footer_height}
14
+ #{$footer_selector}
15
+ position: relative
16
+ margin-top: -#{$footer_height}
17
+ height: #{$footer_height}
18
+ clear: both
19
+ .clearfix
20
+ display: inline-block
21
+ .clearfix:after
22
+ content: "."
23
+ display: block
24
+ height: 0
25
+ clear: both
26
+ visibility: hidden
27
+ /* Hides from IE-mac \
28
+ * html .clearfix
29
+ height: 1%
30
+ .clearfix
31
+ display: block
32
+ /* End hide from IE-mac
data/stylesheets/960/_text.sass ADDED
@@ -0,0 +1,47 @@
1
+ $ninesixty_font_family: unquote("Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif") !default
2
+
3
+ =text($font_family: $ninesixty_font_family)
4
+ body
5
+ font: unquote("13px/1.5") $font_family
6
+ a:focus
7
+ outline: 1px dotted invert
8
+ hr
9
+ border-color: #cccccc
10
+ border-style: solid
11
+ border-width: 1px 0 0
12
+ clear: both
13
+ height: 0
14
+ h1
15
+ font-size: 25px
16
+ h2
17
+ font-size: 23px
18
+ h3
19
+ font-size: 21px
20
+ h4
21
+ font-size: 19px
22
+ h5
23
+ font-size: 17px
24
+ h6
25
+ font-size: 15px
26
+ ol
27
+ list-style: decimal
28
+ ul
29
+ list-style: square
30
+ li
31
+ margin-left: 30px
32
+ p,
33
+ dl,
34
+ hr,
35
+ h1,
36
+ h2,
37
+ h3,
38
+ h4,
39
+ h5,
40
+ h6,
41
+ ol,
42
+ ul,
43
+ pre,
44
+ table,
45
+ address,
46
+ fieldset
47
+ margin-bottom: 20px
data/templates/project/grid.sass CHANGED
@@ -1,8 +1,7 @@
1
- /*
2
- 960 Grid System ~ Core CSS.
3
- Learn more ~ http://960.gs/
4
-
5
- Licensed under GPL and MIT.
1
+ /* 960 Grid System ~ Core CSS.
2
+ * Learn more ~ http://960.gs/
3
+ *
4
+ * Licensed under GPL and MIT.
6
5
 
7
6
  /* Layout
8
7
  /* %body
@@ -13,24 +12,25 @@
13
12
  /* .g16
14
13
  /* #footer
15
14
 
16
- /* @import compass/reset.sass
15
+ /* @import compass/reset
17
16
  /* +global-reset
18
- @import compass/utilities/general/clearfix.sass
17
+ @import compass/utilities/general/clearfix
18
+
19
+ @import 960/grid
20
+ @import 960/text
19
21
 
20
- @import 960/grid.sass
21
- @import 960/text.sass
22
22
  +text
23
23
 
24
- @import 960/debug.sass
25
- @import 960/sticky_footer.sass
24
+ @import 960/debug
25
+ @import 960/sticky_footer
26
26
 
27
- !background_color = #123
28
- !text_color = #27261f
29
- !footer_height = 3em
27
+ $background_color: #112233
28
+ $text_color: #27261f
29
+ $footer_height: 3em
30
30
 
31
31
  body
32
- :background-color= !background_color
33
- :color= !text_color
32
+ background-color: $background_color
33
+ color: $text_color
34
34
 
35
35
  #header, #footer, .g12, .g16
36
36
  +grid-container
@@ -43,7 +43,7 @@ body
43
43
  +grid-pushs
44
44
  +grid-pulls
45
45
  +grid-children
46
- :margin-bottom 20px
46
+ margin-bottom: 20px
47
47
 
48
48
  .g16
49
49
  +grids(16)
@@ -55,34 +55,35 @@ body
55
55
 
56
56
  #header
57
57
  h1
58
- +grid(12,12)
59
- :text-align center
60
- :padding-top 20px
58
+ +grid(12, 12)
59
+ text-align: center
60
+ padding-top: 20px
61
61
  a
62
- :color white
63
- :text-decoration none
62
+ color: white
63
+ text-decoration: none
64
64
  &:hover
65
- :color white
66
- :text-decoration none
65
+ color: white
66
+ text-decoration: none
67
67
 
68
68
  #main
69
69
  h2
70
- :padding 20px 0px 0px
71
- :text-align center
70
+ padding: 20px 0px 0px
71
+ text-align: center
72
72
  p
73
- :border 1px solid #666
74
- :overflow hidden
75
- :padding 10px 0
76
- :text-align center
77
- :margin-bottom 20px
73
+ border: 1px solid #666666
74
+ overflow: hidden
75
+ padding: 10px 0
76
+ text-align: center
77
+ margin-bottom: 20px
78
78
 
79
79
  #footer
80
80
  p
81
- +grid(12,12)
82
- :color white
81
+ +grid(12, 12)
82
+ color: white
83
83
 
84
- +sticky-footer(!footer_height, "#wrap", "#main", "#footer")
84
+ +sticky-footer($footer_height, unquote("#wrap"), unquote("#main"), unquote("#footer"))
85
85
 
86
86
  /* Debug
87
- +showgrid_12(".g12")
88
- +showgrid_16(".g16")
87
+ +showgrid_12(unquote(".g12"))
88
+
89
+ +showgrid_16(unquote(".g16"))
data/templates/project/manifest.rb CHANGED
@@ -1,4 +1,5 @@
1
1
  stylesheet 'grid.sass', :media => "screen, projection"
2
- file 'screen.sass'
2
+ stylesheet 'screen.sass', :media => "screen, projection"
3
+ #file 'screen.sass'
3
4
  image '12_col.gif'
4
5
  image '16_col.gif'
data/templates/project/screen.sass CHANGED
@@ -1,38 +1,38 @@
1
- /*
2
- 960 Grid System ~ Core CSS.
3
- Learn more ~ http://960.gs/
4
-
5
- Licensed under GPL and MIT.
1
+ /* 960 Grid System ~ Core CSS.
2
+ * Learn more ~ http://960.gs/
3
+ *
4
+ * Licensed under GPL and MIT.
6
5
 
7
- /* Layout
8
- /* %body
9
- /* #wrap
10
- /* #header
11
- /* #main.clearfix
12
- /* .g12
13
- /* .content
14
- /* .sidebar
15
- /* #footer
6
+ /* Layout
7
+ * %body
8
+ * #wrap
9
+ * #header
10
+ * #main.clearfix
11
+ * .g12
12
+ * .content
13
+ * .sidebar
14
+ * #footer
16
15
 
17
- /* @import compass/reset.sass
16
+ /* @import compass/reset
18
17
  /* +global-reset
19
- @import compass/utilities/general/clearfix.sass
18
+ @import compass/utilities/general/clearfix
19
+
20
+ @import 960/grid
21
+ @import 960/text
20
22
 
21
- @import 960/grid.sass
22
- @import 960/text.sass
23
23
  +text
24
24
 
25
- @import 960/debug.sass
26
- @import 960/sticky_footer.sass
25
+ @import 960/debug
26
+ @import 960/sticky_footer
27
27
 
28
- !background_color = white
29
- !text_color = #666
30
- !header_height = 80px
31
- !footer_height = 3em
28
+ $background_color: #f1f1f1
29
+ $text_color: black
30
+ $header_height: 80px
31
+ $footer_height: 3em
32
32
 
33
33
  body
34
- :background-color= !background_color
35
- :color= !text_color
34
+ background-color: $background_color
35
+ color: $text_color
36
36
 
37
37
  #header, #footer, .g12
38
38
  +grid-container
@@ -45,87 +45,83 @@ body
45
45
  +grid-pushs
46
46
  +grid-pulls
47
47
  +grid-children
48
+ -moz-border-radius: 10px
49
+ -webkit-border-radius: 10px
50
+ background-color: white
51
+ padding-top: 1em
52
+ border: 3px solid #cccccc
48
53
 
49
54
  #header
50
- :height= !header_height
51
- :border-bottom 2px solid #F90
55
+ height: $header_height
52
56
  h1
53
- +grid(6,12)
54
- :color #F90
55
- :letter-spacing -1px
56
- :margin 30px 0px 0px 15px
57
- :padding 0
58
- :font-weight normal
57
+ +grid(6, 12)
58
+ letter-spacing: -1px
59
+ margin: 30px 0px 0px 15px
60
+ padding: 0
61
+ font-weight: normal
62
+ color: #338833
59
63
  span
60
- :font-size 16px
61
- :color #FFC875
64
+ color: black
65
+ font-size: 16px
66
+ color: #cccccc
62
67
  ul
63
- +grid(6,12)
64
- :list-style-type none
65
- :text-align right
66
- :color #CCC
67
- :padding 0
68
- :margin 40px 15px 0 0
68
+ +grid(6, 12)
69
+ list-style-type: none
70
+ text-align: right
71
+ color: #cccccc
72
+ padding: 0
73
+ margin: 40px 15px 0 0
69
74
  li
70
- :display inline
71
- :margin 0 0 0 10px
75
+ display: inline
76
+ margin: 0 0 0 10px
72
77
  a
73
- :text-decoration none
74
- :color #999
75
- :font-weight bold
76
78
  &.active
77
- :text-decoration none
78
- :color #F90
79
- :font-weight bold
79
+ text-decoration: none
80
+ font-weight: bold
80
81
  &:hover
81
- :text-decoration none
82
- :color #333
82
+ text-decoration: none
83
83
 
84
84
  #main
85
+ a
86
+ &:hover
87
+ text-decoration: none
85
88
  p
86
- :margin 0 15px 15px 15px
89
+ margin: 0 15px 15px 15px
87
90
  h1
88
- :color #F90
89
- :font-size 140%
91
+ font-size: 140%
90
92
  h2, h3
91
- :margin 0 0 15px 0
92
- :padding 5px 15px
93
- :font-size 120%
94
- :font-weight normal
95
- :color #F90
96
- :border-bottom 1px solid #E5E5E5
93
+ margin: 0 0 15px 0
94
+ padding: 5px 15px
95
+ font-size: 120%
96
+ font-weight: normal
97
+ border-bottom: 1px solid #e5e5e5
97
98
  .content
98
- +grid(9,12)
99
+ +grid(9, 12)
99
100
  img
100
- :border 1px solid #CDCDCD
101
- :float left
102
- :margin 0px 15px 5px
103
- :padding 5px
101
+ border: 1px solid #cdcdcd
102
+ float: left
103
+ margin: 0px 15px 5px
104
+ padding: 5px
104
105
  .sidebar
105
- +grid(3,12)
106
+ +grid(3, 12)
106
107
  p.title
107
- :margin 0px 20px
108
- :font-weight bold
109
- :font-style oblique
108
+ margin: 0px 20px
109
+ font-weight: bold
110
+ font-style: oblique
110
111
 
111
112
  #footer
112
113
  .inner
113
- +grid(12,12)
114
- :border-top 2px solid #F90
115
- :color #999
114
+ +grid(12, 12)
116
115
  a
117
- :color #999
118
- :text-decoration none
119
116
  &:hover
120
- :color #F90
121
- :text-decoration none
117
+ text-decoration: none
122
118
  .left
123
- :float left
119
+ float: left
124
120
  .right
125
- :float right
126
- :text-align right
121
+ float: right
122
+ text-align: right
127
123
 
128
- +sticky-footer(!footer_height, "#wrap", "#main", "#footer")
124
+ +sticky-footer($footer_height, unquote("#wrap"), unquote("#main"), unquote("#footer"))
129
125
 
130
126
  /* Debug
131
- /* +showgrid(".g12")
127
+ /* +showgrid_12(".g12")
metadata CHANGED
@@ -4,23 +4,24 @@ version: !ruby/object:Gem::Version
4
4
  prerelease: false
5
5
  segments:
6
6
  - 0
7
- - 9
8
- - 12
9
- version: 0.9.12
7
+ - 10
8
+ - 0
9
+ version: 0.10.0
10
10
  platform: ruby
11
11
  authors:
12
- - Percy Lau
12
+ - Liu Peng
13
13
  autorequire:
14
14
  bindir: bin
15
15
  cert_chain: []
16
16
 
17
- date: 2010-03-22 00:00:00 +08:00
17
+ date: 2011-02-20 00:00:00 +08:00
18
18
  default_executable:
19
19
  dependencies:
20
20
  - !ruby/object:Gem::Dependency
21
- name: chriseppstein-compass
21
+ name: compass
22
22
  prerelease: false
23
23
  requirement: &id001 !ruby/object:Gem::Requirement
24
+ none: false
24
25
  requirements:
25
26
  - - ">="
26
27
  - !ruby/object:Gem::Version
@@ -36,20 +37,18 @@ executables: []
36
37
  extensions: []
37
38
 
38
39
  extra_rdoc_files:
39
- - README.mkd
40
+ - README.textile
40
41
  - lib/ninesixty.rb
41
- - lib/ninesixty/compass_plugin.rb
42
42
  files:
43
43
  - Manifest
44
- - README.mkd
44
+ - README.textile
45
45
  - Rakefile
46
46
  - VERSION
47
47
  - lib/ninesixty.rb
48
- - lib/ninesixty/compass_plugin.rb
49
- - sass/960/_debug.sass
50
- - sass/960/_grid.sass
51
- - sass/960/_sticky_footer.sass
52
- - sass/960/_text.sass
48
+ - stylesheets/960/_debug.sass
49
+ - stylesheets/960/_grid.sass
50
+ - stylesheets/960/_sticky_footer.sass
51
+ - stylesheets/960/_text.sass
53
52
  - templates/project/12_col.gif
54
53
  - templates/project/16_col.gif
55
54
  - templates/project/grid.sass
@@ -57,7 +56,7 @@ files:
57
56
  - templates/project/screen.sass
58
57
  - itsucks-compass-960-plugin.gemspec
59
58
  has_rdoc: true
60
- homepage: http://github.com/chriseppstein/compass-960-plugin
59
+ homepage: http://github.com/itsucks/compass-960-plugin
61
60
  licenses: []
62
61
 
63
62
  post_install_message:
@@ -67,10 +66,11 @@ rdoc_options:
67
66
  - --title
68
67
  - Itsucks-compass-960-plugin
69
68
  - --main
70
- - README.mkd
69
+ - README.textile
71
70
  require_paths:
72
71
  - lib
73
72
  required_ruby_version: !ruby/object:Gem::Requirement
73
+ none: false
74
74
  requirements:
75
75
  - - ">="
76
76
  - !ruby/object:Gem::Version
@@ -78,6 +78,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
78
78
  - 0
79
79
  version: "0"
80
80
  required_rubygems_version: !ruby/object:Gem::Requirement
81
+ none: false
81
82
  requirements:
82
83
  - - ">="
83
84
  - !ruby/object:Gem::Version
@@ -88,7 +89,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
88
89
  requirements: []
89
90
 
90
91
  rubyforge_project: itsucks-compass-960-plugin
91
- rubygems_version: 1.3.6
92
+ rubygems_version: 1.3.7
92
93
  signing_key:
93
94
  specification_version: 3
94
95
  summary: Compass compatible Sass port of 960.gs.
data/README.mkd DELETED
@@ -1,45 +0,0 @@
1
- 960 Grid System - Compass Plugin
2
- ================================
3
-
4
- Fork from [chriseppstein/compass-960-plugin][]
5
-
6
- ---------
7
-
8
- This plugin adds the 960 Grid System framework to [Compass](http://compass-style.org/).
9
-
10
- Install
11
- =======
12
-
13
- sudo gem install itsucks-compass-960-plugin
14
-
15
- Create a 960-based Compass Project
16
- ==================================
17
-
18
- compass -r ninesixty -f 960 <project name>
19
-
20
- Then edit your `grid.sass` files accordingly. A reset is added into grid.sass automatically.
21
-
22
- Customizing your Grid System
23
- ============================
24
- * screen.sass
25
-
26
- %body
27
- #wrap
28
- #header
29
- #main.clearfix
30
- .g12
31
- .content
32
- .sidebar
33
- #footer
34
-
35
- * grid.sass
36
-
37
- %body
38
- #wrap
39
- #header
40
- #main.clearfix
41
- .g12
42
- .g16
43
- #footer
44
-
45
- [chriseppstein/compass-960-plugin]: http://github.com/chriseppstein/compass-960-plugin
data/lib/ninesixty/compass_plugin.rb DELETED
@@ -1,5 +0,0 @@
1
- options = Hash.new
2
- options[:stylesheets_directory] = File.expand_path(File.join(File.dirname(__FILE__), '..', '..', 'sass'))
3
- options[:templates_directory] = File.expand_path(File.join(File.dirname(__FILE__), '..', '..', 'templates'))
4
-
5
- Compass::Frameworks.register('960', options)
data/sass/960/_debug.sass DELETED
@@ -1,14 +0,0 @@
1
- !col_12 ||= "12_col.gif"
2
- !col_16 ||= "16_col.gif"
3
-
4
- =showgrid_12(!selector, !grid_pic = !col_12)
5
- #{!selector}
6
- :background
7
- :image= image_url(!grid_pic)
8
- :repeat repeat-y
9
-
10
- =showgrid_16(!selector, !grid_pic = !col_16)
11
- #{!selector}
12
- :background
13
- :image= image_url(!grid_pic)
14
- :repeat repeat-y
data/sass/960/_grid.sass DELETED
@@ -1,80 +0,0 @@
1
- !ninesixty_gutter_width ||= 20px
2
- !ninesixty_grid_width ||= 960px
3
- !ninesixty_columns ||= 12
4
-
5
- =grid-container
6
- :margin-left auto
7
- :margin-right auto
8
- :width= !ninesixty_grid_width
9
-
10
- =grid-width(!n, !cols = !ninesixty_columns, !gutter_width = !ninesixty_gutter_width)
11
- :width= (!ninesixty_grid_width / !cols) * !n - !gutter_width
12
-
13
- =grid-unit-base(!gutter_width = !ninesixty_gutter_width)
14
- :display inline
15
- :float left
16
- :margin
17
- :left= !gutter_width / 2
18
- :right= !gutter_width / 2
19
-
20
- =grid(!n, !cols = !ninesixty_columns, !gutter_width = !ninesixty_gutter_width)
21
- +grid-unit-base(!gutter_width)
22
- +grid-width(!n, !cols, !gutter_width)
23
-
24
- =alpha
25
- :margin-left 0
26
-
27
- =omega
28
- :margin-right 0
29
-
30
- =grids(!cols = !ninesixty_columns, !gutter_width = !ninesixty_gutter_width)
31
- #{enumerate(".grid",1,!cols,"_")}
32
- +grid-unit-base
33
- @for !n from 1 through !cols
34
- .grid_#{!n}
35
- +grid-width(!n, !cols, !gutter_width)
36
-
37
- =grid-prefix(!n, !cols = !ninesixty_columns)
38
- :padding-left= (!ninesixty_grid_width / !cols) * !n
39
-
40
- =grid-prefixes(!cols = !ninesixty_columns)
41
- @for !n from 1 through !cols - 1
42
- .prefix_#{!n}
43
- +grid-prefix(!n, !cols)
44
-
45
- =grid-suffix(!n, !cols = !ninesixty_columns)
46
- :padding-right= (!ninesixty_grid_width / !cols) * !n
47
-
48
- =grid-suffixes(!cols = !ninesixty_columns)
49
- @for !n from 1 through !cols - 1
50
- .suffix_#{!n}
51
- +grid-suffix(!n, !cols)
52
-
53
- =grid-push(!n, !cols = !ninesixty_columns)
54
- :left= (!ninesixty_grid_width / !cols) * !n
55
-
56
- =grid-pushs(!cols = !ninesixty_columns)
57
- @for !n from 1 through !cols - 1
58
- .push_#{!n}
59
- +grid-push(!n, !cols)
60
-
61
- =grid-pull(!n, !cols = !ninesixty_columns)
62
- :left= -(!ninesixty_grid_width / !cols) * !n
63
-
64
- =grid-pulls(!cols = !ninesixty_columns)
65
- @for !n from 1 through !cols - 1
66
- .pull_#{!n}
67
- +grid-pull(!n, !cols)
68
-
69
- =grid-children
70
- .alpha
71
- +alpha
72
- .omega
73
- +omega
74
-
75
- =grid-system(!cols = !ninesixty_columns)
76
- +grid-container
77
- +grids(!cols)
78
- +grid-prefixes(!cols)
79
- +grid-suffixes(!cols)
80
- +grid-children
data/sass/960/_sticky_footer.sass DELETED
@@ -1,31 +0,0 @@
1
- !footer_height ||= 3em
2
- =sticky-footer(!footer_height, !root_selector, !content_selector, !footer_selector)
3
- *
4
- :margin 0
5
- :padding 0
6
- html, body, #{!root_selector}
7
- :height 100%
8
- body > #{!root_selector}
9
- :height auto
10
- :min-height 100%
11
- #{!content_selector}
12
- :padding-bottom #{!footer_height} /* must be same height as the footer */
13
- #{!footer_selector}
14
- :position relative
15
- :margin-top -#{!footer_height} /* negative value of footer height */
16
- :height #{!footer_height}
17
- :clear both
18
- .clearfix
19
- :display inline-block
20
- .clearfix:after
21
- :content "."
22
- :display block
23
- :height 0
24
- :clear both
25
- :visibility hidden
26
- /* Hides from IE-mac \*/
27
- * html .clearfix
28
- :height 1%
29
- .clearfix
30
- :display block
31
- /* End hide from IE-mac */
data/sass/960/_text.sass DELETED
@@ -1,59 +0,0 @@
1
- !ninesixty_font_family ||= "Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif"
2
-
3
- =text(!font_family = !ninesixty_font_family)
4
- body
5
- :font= "13px/1.5" !font_family
6
-
7
- a:focus
8
- :outline 1px dotted invert
9
-
10
- hr
11
- :border-color #ccc
12
- :border-style solid
13
- :border-width 1px 0 0
14
- :clear both
15
- :height 0
16
-
17
- h1
18
- :font-size 25px
19
-
20
- h2
21
- :font-size 23px
22
-
23
- h3
24
- :font-size 21px
25
-
26
- h4
27
- :font-size 19px
28
-
29
- h5
30
- :font-size 17px
31
-
32
- h6
33
- :font-size 15px
34
-
35
- ol
36
- :list-style decimal
37
-
38
- ul
39
- :list-style square
40
-
41
- li
42
- :margin-left 30px
43
-
44
- p,
45
- dl,
46
- hr,
47
- h1,
48
- h2,
49
- h3,
50
- h4,
51
- h5,
52
- h6,
53
- ol,
54
- ul,
55
- pre,
56
- table,
57
- address,
58
- fieldset
59
- :margin-bottom 20px