compass-baseline 0.0.1 → 0.2.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 (18) hide show
  1. data/README +9 -0
  2. data/VERSION +1 -1
  3. data/lib/baseline/compass_plugin.rb +2 -3
  4. data/lib/baseline/stylesheets/_baseline.sass +18 -0
  5. data/lib/baseline/stylesheets/baseline/_base.sass +2 -0
  6. data/lib/baseline/stylesheets/baseline/_form.sass +2 -0
  7. data/lib/baseline/stylesheets/baseline/_grid.sass +2 -0
  8. data/lib/baseline/stylesheets/baseline/_reset.sass +2 -0
  9. data/lib/baseline/stylesheets/baseline/_table.sass +2 -0
  10. data/lib/baseline/stylesheets/baseline/_type.sass +2 -0
  11. data/{sass/baseline → lib/baseline/stylesheets/baseline/modules}/_base.sass +15 -15
  12. data/{sass/baseline → lib/baseline/stylesheets/baseline/modules}/_form.sass +30 -9
  13. data/{sass/baseline → lib/baseline/stylesheets/baseline/modules}/_grid.sass +14 -13
  14. data/{sass/baseline → lib/baseline/stylesheets/baseline/modules}/_reset.sass +2 -7
  15. data/lib/baseline/stylesheets/baseline/modules/_table.sass +28 -0
  16. data/{sass/baseline → lib/baseline/stylesheets/baseline/modules}/_type.sass +13 -16
  17. metadata +18 -10
  18. data/sass/_baseline.sass +0 -16
data/README ADDED
@@ -0,0 +1,9 @@
1
+ Usage:
2
+ sudo gem install compass-baseline
3
+
4
+ In Compass config:
5
+ require 'baseline'
6
+
7
+ In Sass
8
+ @import baseline.sass
9
+ +baseline
data/VERSION CHANGED
@@ -1 +1 @@
1
- 0.0.1
1
+ 0.2.0
data/lib/baseline/compass_plugin.rb CHANGED
@@ -1,4 +1,3 @@
1
1
  options = Hash.new
2
- options[:stylesheets_directory] = File.expand_path(File.join(File.dirname(__FILE__), '..', '..', 'sass'))
3
-
4
- Compass::Frameworks.register('baseline', options)
2
+ options[:path] = File.dirname(__FILE__)
3
+ Compass::Frameworks.register('baseline', options)
data/lib/baseline/stylesheets/_baseline.sass ADDED
@@ -0,0 +1,18 @@
1
+ // Baseline - a designer framework
2
+ // Copyright (C) 2009 Stephane Curzi, ProjetUrbain.com
3
+ // Creative Commons Attribution-Share Alike 3.0 License
4
+
5
+ @import baseline/modules/reset.sass
6
+ @import baseline/modules/base.sass
7
+ @import baseline/modules/type.sass
8
+ @import baseline/modules/grid.sass
9
+ @import baseline/modules/table.sass
10
+ @import baseline/modules/form.sass
11
+
12
+ =baseline
13
+ +baseline-reset
14
+ +baseline-base
15
+ +baseline-type
16
+ +baseline-grid
17
+ +baseline-table
18
+ +baseline-form
data/lib/baseline/stylesheets/baseline/_base.sass ADDED
@@ -0,0 +1,2 @@
1
+ @import baseline/modules/base.sass
2
+ +baseline-base
data/lib/baseline/stylesheets/baseline/_form.sass ADDED
@@ -0,0 +1,2 @@
1
+ @import baseline/modules/form.sass
2
+ +baseline-form
data/lib/baseline/stylesheets/baseline/_grid.sass ADDED
@@ -0,0 +1,2 @@
1
+ @import baseline/modules/grid.sass
2
+ +baseline-grid
data/lib/baseline/stylesheets/baseline/_reset.sass ADDED
@@ -0,0 +1,2 @@
1
+ @import baseline/modules/reset.sass
2
+ +baseline-reset
data/lib/baseline/stylesheets/baseline/_table.sass ADDED
@@ -0,0 +1,2 @@
1
+ @import baseline/modules/table.sass
2
+ +baseline-table
data/lib/baseline/stylesheets/baseline/_type.sass ADDED
@@ -0,0 +1,2 @@
1
+ @import baseline/modules/type.sass
2
+ +baseline-type
data/{sass/baseline → lib/baseline/stylesheets/baseline/modules}/_base.sass RENAMED
@@ -1,4 +1,5 @@
1
1
  =baseline-base(!body_selector = "body")
2
+ //******************** Base ********************
2
3
  #{!body_selector}
3
4
  +baseline-base-body
4
5
  @if !body_selector != "body"
@@ -7,19 +8,19 @@
7
8
  +baseline-base-defaults
8
9
 
9
10
  =baseline-base-body
10
- font-family: helvetica, arial, sans-serif
11
- line-height: 1.5
12
- background: white
13
- color: black
11
+ font-family: helvetica, arial, sans-serif
12
+ line-height: 1.5
13
+ background: white
14
+ color: black
14
15
 
15
16
  =baseline-base-defaults
16
17
  h1, h2, h3, h4, h5, h6
17
18
  line-height: 1.2
18
19
 
19
- h4, h5, h6, b, strong, th, thead, dt, legend
20
+ h4, h5, h6, b, strong, caption, th, thead, dt, legend
20
21
  font-weight: bold
21
22
 
22
- caption, cite, dfn, em, i
23
+ cite, dfn, em, i
23
24
  font-style: italic
24
25
 
25
26
  code, kbd, samp, pre, tt, var
@@ -100,17 +101,16 @@
100
101
  font: inherit
101
102
  width: 100%
102
103
 
103
- th
104
- background: rgba(0, 0, 0, 0.2)
105
-
106
- tr
107
- &:nth-child(even)
108
- background: rgba(0, 0, 0, 0.1)
109
- //&:nth-child(odd)
110
-
104
+ // html 5
111
105
  article, aside, header, hgroup, nav, section, footer
112
106
  float: left
113
107
  display: block
114
108
 
115
109
  figure
116
- display: block
110
+ display: block
111
+
112
+ .debug
113
+ outline: solid gold 1px
114
+
115
+ .debug-background
116
+ background: rgba(255, 215, 0, 0.2) !important
data/{sass/baseline → lib/baseline/stylesheets/baseline/modules}/_form.sass RENAMED
@@ -41,7 +41,7 @@
41
41
  form
42
42
  overflow: auto
43
43
 
44
- fieldset, legend
44
+ legend
45
45
  padding-bottom: 18px
46
46
 
47
47
  label
@@ -49,6 +49,13 @@
49
49
  margin: 0 0 11px 18px
50
50
  float: left
51
51
  display: block
52
+ &.first
53
+ margin-left: 0
54
+ &.singleline
55
+ +singleline
56
+ @for !n from 2 to 6
57
+ &.multilinex#{!n}
58
+ +multilinex(!n)
52
59
 
53
60
  input
54
61
  &[type="text"], &[type="password"], &[type="select"], &[type="search"]
@@ -69,18 +76,32 @@
69
76
  select
70
77
  display: block
71
78
  margin-top: 2px
79
+ margin-bottom: 0
72
80
 
73
81
  input
74
82
  &[type="submit"], &[type="reset"], &[type="button"]
75
83
  margin-left: 12px
76
-
77
- label
78
- &.singleline
79
- +singleline
80
- @for !n from 2 to 6
81
- &.multilinex#{!n}
82
- +multilinex(!n)
83
-
84
+ height: 18px
85
+ margin-bottom: 0
86
+
87
+ @for !n from 1 to 4
88
+ .width#{!n} .radio-text
89
+ width= 228px * !n + (24px * (!n - 1))
90
+ label.width#{!n}
91
+ float: left
92
+ input, textarea
93
+ width= 102px * !n + (24px * (!n - 1))
94
+ select
95
+ width: 100%
96
+
97
+ @for !n from 1 to 8
98
+ label.unitx#{!n}
99
+ float: left
100
+ input, textarea, .radio-text
101
+ width= 228px * !n + (24px * (!n - 1))
102
+ select
103
+ width: 100%
104
+
84
105
  .radio
85
106
  +radio
86
107
 
data/{sass/baseline → lib/baseline/stylesheets/baseline/modules}/_grid.sass RENAMED
@@ -49,21 +49,10 @@
49
49
 
50
50
  =width(!n)
51
51
  width= 234px * !n + (18px * (!n - 1))
52
- label&
53
- float: left
54
- input, textarea, .radio-text
55
- width= 228px * !n + (24px * (!n - 1))
56
- select
57
- width: 100%
52
+
58
53
 
59
54
  =unitx(!n)
60
55
  width= 108px * !n + (18px * (!n - 1))
61
- label&
62
- float: left
63
- input, textarea
64
- width= 102px * !n + (24px * (!n - 1))
65
- select
66
- width: 100%
67
56
 
68
57
  =columnsx(!n)
69
58
  -webkit-column-count= !n
@@ -97,9 +86,21 @@
97
86
  @for !n from 1 to 4
98
87
  .width#{!n}
99
88
  +width(!n)
89
+ .table-column
90
+ th, td
91
+ +width(1)
92
+ @for !n from 2 to 4
93
+ th.width#{!n}, td.width#{!n}
94
+ +width(!n)
100
95
  @for !n from 1 to 8
101
- .unitx1#{!n}
96
+ .unitx#{!n}
102
97
  +unitx(!n)
98
+ .table-unit
99
+ th, td
100
+ +unitx(1)
101
+ @for !n from 2 to 8
102
+ th.unitx#{!n}, td.unitx#{!n}
103
+ +unitx(!n)
103
104
  .columnsx2
104
105
  +columnsx(2)
105
106
  .columnsx4
data/{sass/baseline → lib/baseline/stylesheets/baseline/modules}/_reset.sass RENAMED
@@ -1,10 +1,5 @@
1
1
  =baseline-reset
2
- html, body, div, span, a, img, h1, h2, h3, h4, h5, h6, hgroup, p, dl, dialog,
3
- dt, dd, ol, ul, li, abbr, acronym, address, b, big, blockquote, cite, code,
4
- del, dfn, em, i, ins, kbd, pre, q, samp, tt, var, small, strong, sub, sup,
5
- object, iframe, form, fieldset, label, legend, table, caption, tbody, tfoot,
6
- thead, tr, th, td, article, aside, footer, header, nav, section, figure, menu,
7
- time, mark, audio, video
2
+ html, body, div, span, a, img, h1, h2, h3, h4, h5, h6, hgroup, p, dl, dialog, dt, dd, ol, ul, li, abbr, acronym, address, b, big, blockquote, cite, code, del, dfn, em, i, ins, kbd, pre, q, samp, tt, var, small, strong, sub, sup, object, iframe, form, fieldset, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, footer, header, nav, section, figure, menu, time, mark, audio, video
8
3
  font-family: inherit
9
4
  font-size: 100%
10
5
  font-weight: inherit
@@ -18,7 +13,7 @@
18
13
  outline: 0
19
14
  background: transparent
20
15
 
21
- textarea, input, select
16
+ textarea
22
17
  font-family: inherit
23
18
  font-size: 100%
24
19
  font-weight: normal
data/lib/baseline/stylesheets/baseline/modules/_table.sass ADDED
@@ -0,0 +1,28 @@
1
+ =baseline-table
2
+ table
3
+ border-top: solid 3px #000
4
+ position: relative
5
+ top: -3px
6
+ margin-top: 18px
7
+ padding-bottom: 15px
8
+
9
+ th, td
10
+ border-top: solid 1px #000
11
+ line-height: 18px
12
+ padding: 9px 18px 8px 0
13
+ position: relative
14
+
15
+ th:first-child, td:first-child
16
+ padding-left: 0
17
+
18
+ th:last-child, td:last-child
19
+ padding-right: 0
20
+
21
+ tr
22
+ &:nth-child(even) td
23
+ &:nth-child(odd) td
24
+ background: #f6f6f6
25
+
26
+ caption
27
+ top: 8px
28
+ margin-bottom: 18px
data/{sass/baseline → lib/baseline/stylesheets/baseline/modules}/_type.sass RENAMED
@@ -49,6 +49,9 @@
49
49
  font-size: 13px
50
50
  top: 5px
51
51
 
52
+ h1:first-child, h2:first-child, h3:first-child, h4:first-child
53
+ margin-top: 0
54
+
52
55
  p, pre, address
53
56
  font-size: 13px
54
57
  line-height: 18px
@@ -72,6 +75,12 @@
72
75
  margin-top: 0
73
76
  margin-bottom: 0
74
77
 
78
+ ul ul, ol ol
79
+ top: 0
80
+ margin-top: 0
81
+ margin-bottom: 0
82
+
83
+ li
75
84
  h1, h2, h3, h4, h5, h6, p
76
85
  top: 0
77
86
 
@@ -86,25 +95,13 @@
86
95
  input, textarea
87
96
  font-size: 12px
88
97
 
89
- h1:first-child, h2:first-child, h3:first-child, h4:first-child
90
- margin-top: 0
91
-
92
98
  table
93
99
  font-size: 13px
94
- line-height: 18px
95
- margin: 18px 0
96
-
97
- th, td
98
- padding: 3px 12px
99
- line-height: 30px
100
-
101
- th
102
- background: rgba(0, 0, 0, 0.2)
103
100
 
104
- tr
105
- &:nth-child(even)
106
- background: rgba(0, 0, 0, 0.1)
107
- //&:nth-child(odd)
101
+ caption
102
+ font-size: 13px
103
+ line-height: 18px
104
+ position: relative
108
105
 
109
106
  hr
110
107
  position: relative
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: compass-baseline
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.1
4
+ version: 0.2.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Thomas Reynolds
@@ -9,7 +9,7 @@ autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
11
 
12
- date: 2009-08-26 00:00:00 -07:00
12
+ date: 2009-10-08 00:00:00 -07:00
13
13
  default_executable:
14
14
  dependencies:
15
15
  - !ruby/object:Gem::Dependency
@@ -28,20 +28,28 @@ executables: []
28
28
 
29
29
  extensions: []
30
30
 
31
- extra_rdoc_files: []
32
-
31
+ extra_rdoc_files:
32
+ - README
33
33
  files:
34
34
  - .gitignore
35
+ - README
35
36
  - Rakefile
36
37
  - VERSION
37
38
  - lib/baseline.rb
38
39
  - lib/baseline/compass_plugin.rb
39
- - sass/_baseline.sass
40
- - sass/baseline/_base.sass
41
- - sass/baseline/_form.sass
42
- - sass/baseline/_grid.sass
43
- - sass/baseline/_reset.sass
44
- - sass/baseline/_type.sass
40
+ - lib/baseline/stylesheets/_baseline.sass
41
+ - lib/baseline/stylesheets/baseline/_base.sass
42
+ - lib/baseline/stylesheets/baseline/_form.sass
43
+ - lib/baseline/stylesheets/baseline/_grid.sass
44
+ - lib/baseline/stylesheets/baseline/_reset.sass
45
+ - lib/baseline/stylesheets/baseline/_table.sass
46
+ - lib/baseline/stylesheets/baseline/_type.sass
47
+ - lib/baseline/stylesheets/baseline/modules/_base.sass
48
+ - lib/baseline/stylesheets/baseline/modules/_form.sass
49
+ - lib/baseline/stylesheets/baseline/modules/_grid.sass
50
+ - lib/baseline/stylesheets/baseline/modules/_reset.sass
51
+ - lib/baseline/stylesheets/baseline/modules/_table.sass
52
+ - lib/baseline/stylesheets/baseline/modules/_type.sass
45
53
  has_rdoc: true
46
54
  homepage: http://github.com/tdreyno/compass-baseline
47
55
  licenses: []
data/sass/_baseline.sass DELETED
@@ -1,16 +0,0 @@
1
- // Baseline - a designer framework
2
- // Copyright (C) 2009 Stephane Curzi, ProjetUrbain.com
3
- // Creative Commons Attribution-Share Alike 3.0 License
4
-
5
- @import baseline/reset.sass
6
- @import baseline/base.sass
7
- @import baseline/type.sass
8
- @import baseline/grid.sass
9
- @import baseline/form.sass
10
-
11
- =baseline
12
- +baseline-reset
13
- +baseline-base
14
- +baseline-type
15
- +baseline-grid
16
- +baseline-form