itsucks-compass-960-plugin 0.9.12 → 0.10.0

Sign up to get free protection for your applications and to get access to all the features.
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