compass-baseline 0.0.1

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.
data/.gitignore ADDED
@@ -0,0 +1,3 @@
1
+ .DS_Store
2
+ pkg
3
+ .sass-cache
data/Rakefile ADDED
@@ -0,0 +1,20 @@
1
+ require 'rubygems'
2
+ require 'rake'
3
+
4
+ begin
5
+ require 'jeweler'
6
+ Jeweler::Tasks.new do |gem|
7
+ gem.name = "compass-baseline"
8
+ gem.summary = %Q{An implementation of Baseline in Sass}
9
+ gem.email = "tdreyno@gmail.com"
10
+ gem.homepage = "http://github.com/tdreyno/compass-baseline"
11
+ gem.authors = ["Thomas Reynolds"]
12
+ gem.rubyforge_project = "compassbaseline"
13
+ # gem is a Gem::Specification... see http://www.rubygems.org/read/chapter/20 for additional settings
14
+ gem.add_dependency("chriseppstein-compass")
15
+ end
16
+
17
+ Jeweler::RubyforgeTasks.new
18
+ rescue LoadError
19
+ puts "Jeweler (or a dependency) not available. Install it with: sudo gem install jeweler"
20
+ end
data/VERSION ADDED
@@ -0,0 +1 @@
1
+ 0.0.1
@@ -0,0 +1,4 @@
1
+ options = Hash.new
2
+ options[:stylesheets_directory] = File.expand_path(File.join(File.dirname(__FILE__), '..', '..', 'sass'))
3
+
4
+ Compass::Frameworks.register('baseline', options)
data/lib/baseline.rb ADDED
@@ -0,0 +1 @@
1
+ require File.join(File.dirname(__FILE__), 'baseline', 'compass_plugin')
@@ -0,0 +1,16 @@
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
@@ -0,0 +1,116 @@
1
+ =baseline-base(!body_selector = "body")
2
+ #{!body_selector}
3
+ +baseline-base-body
4
+ @if !body_selector != "body"
5
+ +baseline-base-defaults
6
+ @if !body_selector == "body"
7
+ +baseline-base-defaults
8
+
9
+ =baseline-base-body
10
+ font-family: helvetica, arial, sans-serif
11
+ line-height: 1.5
12
+ background: white
13
+ color: black
14
+
15
+ =baseline-base-defaults
16
+ h1, h2, h3, h4, h5, h6
17
+ line-height: 1.2
18
+
19
+ h4, h5, h6, b, strong, th, thead, dt, legend
20
+ font-weight: bold
21
+
22
+ caption, cite, dfn, em, i
23
+ font-style: italic
24
+
25
+ code, kbd, samp, pre, tt, var
26
+ font-family: mono-space, monospace
27
+
28
+ h1, h2, h3, h4, h5, h6
29
+ word-spacing: -0.125em
30
+
31
+ p
32
+ word-spacing: 0.125em
33
+ hyphenate: auto
34
+ hyphenate-lines: 3
35
+
36
+ p+p
37
+ text-indent: 1.5em
38
+ &.no-indent
39
+ text-indent: 0
40
+
41
+ pre
42
+ white-space: pre
43
+
44
+ del
45
+ text-decoration: line-through
46
+
47
+ mark
48
+ background: rgba(255, 255, 0, 0.4)
49
+ padding: 0 .25em
50
+
51
+ ins
52
+ color: #f00
53
+
54
+ small, sup, sub
55
+ font-size: 80%
56
+
57
+ big
58
+ font-size: 125%
59
+ line-height: 80%
60
+
61
+ abbr, acronym
62
+ font-size: 85%
63
+ text-transform: uppercase
64
+ letter-spacing: .1em
65
+
66
+ abbr[title], acronym[title], dfn[title]
67
+ border-bottom: 1px dotted black
68
+ cursor: help
69
+
70
+ sup, sub
71
+ line-height: 0
72
+
73
+ sup
74
+ vertical-align: super
75
+
76
+ sub
77
+ vertical-align: sub
78
+
79
+ blockquote
80
+ padding: 1.5em
81
+
82
+ hr
83
+ border: none
84
+ background: #ddd
85
+ width: 100%
86
+
87
+ ul, ol
88
+ margin-left: 1.5em
89
+
90
+ ul
91
+ list-style: disc outside
92
+
93
+ ol
94
+ list-style: decimal outside
95
+
96
+ input, select, button
97
+ cursor: pointer
98
+
99
+ table
100
+ font: inherit
101
+ width: 100%
102
+
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
+
111
+ article, aside, header, hgroup, nav, section, footer
112
+ float: left
113
+ display: block
114
+
115
+ figure
116
+ display: block
@@ -0,0 +1,94 @@
1
+ =singleline
2
+ height: 32px
3
+ margin-bottom: 0
4
+ input
5
+ width: auto
6
+ display: inline
7
+ margin-left: 12px
8
+ margin-top: 0
9
+
10
+ =multilinex(!n)
11
+ textarea
12
+ height= 18px * !n
13
+
14
+ =radio
15
+ margin: 6px 0 0 1px
16
+ float: left
17
+ display: block
18
+ clear: left
19
+
20
+ =radio-label
21
+ margin: 0 0 13px 0
22
+ padding-left: 18px
23
+ float: none
24
+ display: block
25
+ clear: none
26
+
27
+ =checkbox
28
+ margin: 6px 0 0 1px
29
+ float: left
30
+ display: block
31
+ clear: left
32
+
33
+ =checkbox-label
34
+ margin: 0 0 13px 0
35
+ padding-left: 18px
36
+ float: none
37
+ display: block
38
+ clear: none
39
+
40
+ =baseline-form
41
+ form
42
+ overflow: auto
43
+
44
+ fieldset, legend
45
+ padding-bottom: 18px
46
+
47
+ label
48
+ padding-top: 5px
49
+ margin: 0 0 11px 18px
50
+ float: left
51
+ display: block
52
+
53
+ input
54
+ &[type="text"], &[type="password"], &[type="select"], &[type="search"]
55
+ border: solid 1px #ccc
56
+ height: 16px
57
+ padding: 1px 2px
58
+ display: block
59
+ &[type="file"]
60
+ border: none
61
+
62
+ textarea
63
+ border: solid 1px #ccc
64
+ height: 16px
65
+ padding: 0 2px
66
+ display: block
67
+ line-height: 18px
68
+
69
+ select
70
+ display: block
71
+ margin-top: 2px
72
+
73
+ input
74
+ &[type="submit"], &[type="reset"], &[type="button"]
75
+ 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
+ .radio
85
+ +radio
86
+
87
+ .radio-label
88
+ +radio-label
89
+
90
+ .checkbox
91
+ +checkbox
92
+
93
+ .checkbox-label
94
+ +checkbox-label
@@ -0,0 +1,106 @@
1
+ =baseline-grid(!selector = "#page")
2
+ #{!selector}
3
+ +baseline-grid-container
4
+ +baseline-grid-defaults
5
+
6
+ =baseline-grid-container
7
+ width: 990px
8
+ position: relative
9
+ &:after
10
+ content: "."
11
+ display: block
12
+ height: 0
13
+ clear: both
14
+ visibility: hidden
15
+
16
+ =column
17
+ margin-left: 18px
18
+ display: block
19
+ float: left
20
+
21
+ =colgroup
22
+ display: block
23
+ float: left
24
+
25
+ =first
26
+ margin-left: 0
27
+ clear: left
28
+ label&
29
+ margin-left: 0
30
+
31
+ =gutter
32
+ margin-left: 18px
33
+
34
+ =no-gutter
35
+ margin-left: 0
36
+
37
+ =align-left
38
+ float: left
39
+
40
+ =align-right
41
+ float: right
42
+ text-align: right
43
+
44
+ =leading
45
+ margin-bottom: 18px
46
+
47
+ =noleading
48
+ margin-bottom: 0 !important
49
+
50
+ =width(!n)
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%
58
+
59
+ =unitx(!n)
60
+ 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
+
68
+ =columnsx(!n)
69
+ -webkit-column-count= !n
70
+ -webkit-column-gap: 18px
71
+ -moz-column-count= !n
72
+ -moz-column-gap: 18px
73
+ column-count= !n
74
+ column-gap: 18px
75
+
76
+ =baseline-grid-defaults
77
+ .column
78
+ +column
79
+ .colgroup
80
+ +colgroup
81
+ .first
82
+ +first
83
+ .gutter
84
+ +gutter
85
+ .no-gutter
86
+ +no-gutter
87
+ .align-left
88
+ +align-left
89
+ .align-right
90
+ +align-right
91
+ header, section, div
92
+ padding-bottom: 18px
93
+ .leading
94
+ +leading
95
+ .noleading
96
+ +noleading
97
+ @for !n from 1 to 4
98
+ .width#{!n}
99
+ +width(!n)
100
+ @for !n from 1 to 8
101
+ .unitx1#{!n}
102
+ +unitx(!n)
103
+ .columnsx2
104
+ +columnsx(2)
105
+ .columnsx4
106
+ +columnsx(4)
@@ -0,0 +1,93 @@
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
8
+ font-family: inherit
9
+ font-size: 100%
10
+ font-weight: inherit
11
+ font-style: inherit
12
+ vertical-align: baseline
13
+ white-space: normal
14
+ text-align: left
15
+ margin: 0
16
+ padding: 0
17
+ border: 0
18
+ outline: 0
19
+ background: transparent
20
+
21
+ textarea, input, select
22
+ font-family: inherit
23
+ font-size: 100%
24
+ font-weight: normal
25
+ font-style: normal
26
+ white-space: normal
27
+ text-align: left
28
+ margin: 0
29
+ padding: 0
30
+
31
+ article, aside, footer, header, nav, section, dialog, figure, hgroup, menu
32
+ display: block
33
+
34
+ h1, h2, h3, h4, h5, h6
35
+ font-size: 100%
36
+ font-weight: normal
37
+
38
+ del, ins
39
+ text-decoration: none
40
+
41
+ ol, ul
42
+ list-style: none
43
+
44
+ nav ul
45
+ list-style-type: none
46
+
47
+ table
48
+ border-collapse: separate
49
+ border-spacing: 0
50
+ background-color: transparent
51
+ width: auto
52
+ height: auto
53
+
54
+ :focus
55
+ outline: 0
56
+
57
+ blockquote
58
+ &:before, &:after
59
+ content: ""
60
+
61
+ q
62
+ &:before, &:after
63
+ content: ""
64
+
65
+ blockquote, q
66
+ quotes: "" ""
67
+
68
+ applet, basefont, dir, font, isindex, menu, s, strike, u
69
+ font-family: inherit
70
+ font-size: 100%
71
+ font-weight: normal
72
+ font-style: normal
73
+ white-space: normal
74
+ vertical-align: baseline
75
+ text-decoration: inherit
76
+ text-align: left
77
+ color: inherit
78
+ margin: 0
79
+ padding: 0
80
+ border: 0
81
+ outline: 0
82
+
83
+ dir, menu
84
+ list-style: none
85
+
86
+ nobr
87
+ white-space: normal
88
+
89
+ blink
90
+ text-decoration: none
91
+
92
+ marquee
93
+ overflow: visible
@@ -0,0 +1,112 @@
1
+ =baseline-type(!body_selector = "body")
2
+ #{!body_selector}
3
+ +baseline-type-body
4
+ @if !body_selector != "body"
5
+ +baseline-type-defaults
6
+ @if !body_selector == "body"
7
+ +baseline-type-defaults
8
+
9
+ =baseline-type-body
10
+ // Baseline grid: 13/18px
11
+ font-size: 75%
12
+ line-height: 1.5
13
+
14
+ =baseline-type-defaults
15
+ h1, h2, h3, h4, h5, h6
16
+ position: relative
17
+
18
+ h1, h2
19
+ line-height: 36px
20
+ margin-bottom: 18px
21
+
22
+ h1, h2, h3, h4
23
+ margin-top: 18px
24
+
25
+ h3, h4, h5, h6
26
+ line-height: 18px
27
+
28
+ h1
29
+ font-size: 36px
30
+ top: 5px
31
+
32
+ h2
33
+ font-size: 28px
34
+ top: 8px
35
+
36
+ h3
37
+ font-size: 22px
38
+ top: 1px
39
+
40
+ h4
41
+ font-size: 18px
42
+ top: 2px
43
+
44
+ h5
45
+ font-size: 15px
46
+ top: 4px
47
+
48
+ h6
49
+ font-size: 13px
50
+ top: 5px
51
+
52
+ p, pre, address
53
+ font-size: 13px
54
+ line-height: 18px
55
+ position: relative
56
+ top: 5px
57
+
58
+ abbr, code, kbd, samp, small, var
59
+ line-height: 15px
60
+
61
+ ul, ol, dl, dialog
62
+ font-size: 13px
63
+ line-height: 18px
64
+ position: relative
65
+ top: 5px
66
+ margin-top: 18px
67
+ margin-bottom: 18px
68
+
69
+ li
70
+ ul, ol
71
+ top: 0
72
+ margin-top: 0
73
+ margin-bottom: 0
74
+
75
+ h1, h2, h3, h4, h5, h6, p
76
+ top: 0
77
+
78
+ form, legend, label
79
+ font-size: 13px
80
+ line-height: 18px
81
+
82
+ legend
83
+ position: relative
84
+ top: 5px
85
+
86
+ input, textarea
87
+ font-size: 12px
88
+
89
+ h1:first-child, h2:first-child, h3:first-child, h4:first-child
90
+ margin-top: 0
91
+
92
+ table
93
+ 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
+
104
+ tr
105
+ &:nth-child(even)
106
+ background: rgba(0, 0, 0, 0.1)
107
+ //&:nth-child(odd)
108
+
109
+ hr
110
+ position: relative
111
+ height: 4px
112
+ margin: 18px 0 14px 0
metadata ADDED
@@ -0,0 +1,74 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: compass-baseline
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.0.1
5
+ platform: ruby
6
+ authors:
7
+ - Thomas Reynolds
8
+ autorequire:
9
+ bindir: bin
10
+ cert_chain: []
11
+
12
+ date: 2009-08-26 00:00:00 -07:00
13
+ default_executable:
14
+ dependencies:
15
+ - !ruby/object:Gem::Dependency
16
+ name: chriseppstein-compass
17
+ type: :runtime
18
+ version_requirement:
19
+ version_requirements: !ruby/object:Gem::Requirement
20
+ requirements:
21
+ - - ">="
22
+ - !ruby/object:Gem::Version
23
+ version: "0"
24
+ version:
25
+ description:
26
+ email: tdreyno@gmail.com
27
+ executables: []
28
+
29
+ extensions: []
30
+
31
+ extra_rdoc_files: []
32
+
33
+ files:
34
+ - .gitignore
35
+ - Rakefile
36
+ - VERSION
37
+ - lib/baseline.rb
38
+ - 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
45
+ has_rdoc: true
46
+ homepage: http://github.com/tdreyno/compass-baseline
47
+ licenses: []
48
+
49
+ post_install_message:
50
+ rdoc_options:
51
+ - --charset=UTF-8
52
+ require_paths:
53
+ - lib
54
+ required_ruby_version: !ruby/object:Gem::Requirement
55
+ requirements:
56
+ - - ">="
57
+ - !ruby/object:Gem::Version
58
+ version: "0"
59
+ version:
60
+ required_rubygems_version: !ruby/object:Gem::Requirement
61
+ requirements:
62
+ - - ">="
63
+ - !ruby/object:Gem::Version
64
+ version: "0"
65
+ version:
66
+ requirements: []
67
+
68
+ rubyforge_project: compassbaseline
69
+ rubygems_version: 1.3.5
70
+ signing_key:
71
+ specification_version: 3
72
+ summary: An implementation of Baseline in Sass
73
+ test_files: []
74
+