compass-baseline 0.0.1

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