compass-baseline 0.0.1
Sign up to get free protection for your applications and to get access to all the features.
- data/.gitignore +3 -0
- data/Rakefile +20 -0
- data/VERSION +1 -0
- data/lib/baseline/compass_plugin.rb +4 -0
- data/lib/baseline.rb +1 -0
- data/sass/_baseline.sass +16 -0
- data/sass/baseline/_base.sass +116 -0
- data/sass/baseline/_form.sass +94 -0
- data/sass/baseline/_grid.sass +106 -0
- data/sass/baseline/_reset.sass +93 -0
- data/sass/baseline/_type.sass +112 -0
- metadata +74 -0
data/.gitignore
ADDED
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
|
data/lib/baseline.rb
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
require File.join(File.dirname(__FILE__), 'baseline', 'compass_plugin')
|
data/sass/_baseline.sass
ADDED
@@ -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
|
+
|