compass-baseline 0.2.3 → 0.3.0
Sign up to get free protection for your applications and to get access to all the features.
- data/README +0 -2
- data/Rakefile +3 -3
- data/VERSION +1 -1
- data/lib/baseline/stylesheets/_baseline.sass +1 -1
- data/lib/baseline/stylesheets/baseline/_base.sass +2 -1
- data/lib/baseline/stylesheets/baseline/_form.sass +2 -1
- data/lib/baseline/stylesheets/baseline/_grid.sass +2 -1
- data/lib/baseline/stylesheets/baseline/_reset.sass +2 -1
- data/lib/baseline/stylesheets/baseline/_table.sass +2 -1
- data/lib/baseline/stylesheets/baseline/_type.sass +2 -1
- data/lib/baseline/stylesheets/baseline/modules/_base.sass +10 -38
- data/lib/baseline/stylesheets/baseline/modules/_form.sass +16 -28
- data/lib/baseline/stylesheets/baseline/modules/_grid.sass +25 -26
- data/lib/baseline/stylesheets/baseline/modules/_reset.sass +3 -20
- data/lib/baseline/stylesheets/baseline/modules/_table.sass +3 -8
- data/lib/baseline/stylesheets/baseline/modules/_type.sass +5 -27
- metadata +32 -10
data/README
CHANGED
data/Rakefile
CHANGED
@@ -9,12 +9,12 @@ begin
|
|
9
9
|
gem.email = "tdreyno@gmail.com"
|
10
10
|
gem.homepage = "http://github.com/tdreyno/compass-baseline"
|
11
11
|
gem.authors = ["Thomas Reynolds"]
|
12
|
-
gem.rubyforge_project = "compassbaseline"
|
13
12
|
# gem is a Gem::Specification... see http://www.rubygems.org/read/chapter/20 for additional settings
|
13
|
+
gem.add_dependency("haml", ">=3.0")
|
14
14
|
gem.add_dependency("compass")
|
15
15
|
end
|
16
16
|
|
17
|
-
Jeweler::
|
17
|
+
Jeweler::GemcutterTasks.new
|
18
18
|
rescue LoadError
|
19
19
|
puts "Jeweler (or a dependency) not available. Install it with: sudo gem install jeweler"
|
20
|
-
end
|
20
|
+
end
|
data/VERSION
CHANGED
@@ -1 +1 @@
|
|
1
|
-
0.
|
1
|
+
0.3.0
|
@@ -1,10 +1,10 @@
|
|
1
|
-
=baseline-base(
|
2
|
-
|
3
|
-
#{
|
1
|
+
=baseline-base($body_selector: body)
|
2
|
+
//******************* Base ********************
|
3
|
+
#{$body_selector}
|
4
4
|
+baseline-base-body
|
5
|
-
@if
|
5
|
+
@if $body_selector != "body"
|
6
6
|
+baseline-base-defaults
|
7
|
-
@if
|
7
|
+
@if $body_selector == "body"
|
8
8
|
+baseline-base-defaults
|
9
9
|
|
10
10
|
=baseline-base-body
|
@@ -16,101 +16,73 @@
|
|
16
16
|
=baseline-base-defaults
|
17
17
|
h1, h2, h3, h4, h5, h6
|
18
18
|
line-height: 1.2
|
19
|
-
|
20
19
|
h4, h5, h6, b, strong, caption, th, thead, dt, legend
|
21
20
|
font-weight: bold
|
22
|
-
|
23
21
|
cite, dfn, em, i
|
24
22
|
font-style: italic
|
25
|
-
|
26
23
|
code, kbd, samp, pre, tt, var
|
27
24
|
font-family: mono-space, monospace
|
28
|
-
|
29
25
|
h1, h2, h3, h4, h5, h6
|
30
26
|
word-spacing: -0.125em
|
31
|
-
|
32
27
|
p
|
33
28
|
word-spacing: 0.125em
|
34
29
|
hyphenate: auto
|
35
30
|
hyphenate-lines: 3
|
36
|
-
|
37
31
|
p+p
|
38
32
|
text-indent: 1.5em
|
39
33
|
&.no-indent
|
40
34
|
text-indent: 0
|
41
|
-
|
42
35
|
pre
|
43
36
|
white-space: pre
|
44
|
-
|
45
37
|
del
|
46
38
|
text-decoration: line-through
|
47
|
-
|
48
39
|
mark
|
49
40
|
background: rgba(255, 255, 0, 0.4)
|
50
|
-
padding: 0 .25em
|
51
|
-
|
41
|
+
padding: 0 0.25em
|
52
42
|
ins
|
53
|
-
color:
|
54
|
-
|
43
|
+
color: red
|
55
44
|
small, sup, sub
|
56
45
|
font-size: 80%
|
57
|
-
|
58
46
|
big
|
59
47
|
font-size: 125%
|
60
48
|
line-height: 80%
|
61
|
-
|
62
49
|
abbr, acronym
|
63
50
|
font-size: 85%
|
64
51
|
text-transform: uppercase
|
65
|
-
letter-spacing: .1em
|
66
|
-
|
52
|
+
letter-spacing: 0.1em
|
67
53
|
abbr[title], acronym[title], dfn[title]
|
68
54
|
border-bottom: 1px dotted black
|
69
55
|
cursor: help
|
70
|
-
|
71
56
|
sup, sub
|
72
57
|
line-height: 0
|
73
|
-
|
74
58
|
sup
|
75
59
|
vertical-align: super
|
76
|
-
|
77
60
|
sub
|
78
61
|
vertical-align: sub
|
79
|
-
|
80
62
|
blockquote
|
81
63
|
padding: 1.5em
|
82
|
-
|
83
64
|
hr
|
84
65
|
border: none
|
85
|
-
background: #
|
66
|
+
background: #dddddd
|
86
67
|
width: 100%
|
87
|
-
|
88
68
|
ul, ol
|
89
69
|
margin-left: 1.5em
|
90
|
-
|
91
70
|
ul
|
92
71
|
list-style: disc outside
|
93
|
-
|
94
72
|
ol
|
95
73
|
list-style: decimal outside
|
96
|
-
|
97
74
|
input, select, button
|
98
75
|
cursor: pointer
|
99
|
-
|
100
76
|
table
|
101
77
|
font: inherit
|
102
78
|
width: 100%
|
103
|
-
|
104
79
|
// html 5
|
105
80
|
article, aside, header, hgroup, nav, section, footer
|
106
81
|
float: left
|
107
82
|
display: block
|
108
|
-
|
109
83
|
figure
|
110
84
|
display: block
|
111
|
-
|
112
85
|
.debug
|
113
86
|
outline: solid gold 1px
|
114
|
-
|
115
87
|
.debug-background
|
116
|
-
background: rgba(255, 215, 0, 0.2) !important
|
88
|
+
background: rgba(255, 215, 0, 0.2) !important
|
@@ -7,9 +7,9 @@
|
|
7
7
|
margin-left: 12px
|
8
8
|
margin-top: 0
|
9
9
|
|
10
|
-
=multilinex(
|
10
|
+
=multilinex($n)
|
11
11
|
textarea
|
12
|
-
height
|
12
|
+
height: 18px * $n
|
13
13
|
|
14
14
|
=radio
|
15
15
|
margin: 6px 0 0 1px
|
@@ -40,10 +40,8 @@
|
|
40
40
|
=baseline-form
|
41
41
|
form
|
42
42
|
overflow: auto
|
43
|
-
|
44
43
|
legend
|
45
44
|
padding-bottom: 18px
|
46
|
-
|
47
45
|
label
|
48
46
|
padding-top: 5px
|
49
47
|
margin: 0 0 11px 18px
|
@@ -53,63 +51,53 @@
|
|
53
51
|
margin-left: 0
|
54
52
|
&.singleline
|
55
53
|
+singleline
|
56
|
-
@for
|
57
|
-
&.multilinex#{
|
58
|
-
+multilinex(
|
59
|
-
|
54
|
+
@for $n from 2 to 6
|
55
|
+
&.multilinex#{$n}
|
56
|
+
+multilinex($n)
|
60
57
|
input
|
61
58
|
&[type="text"], &[type="password"], &[type="select"], &[type="search"]
|
62
|
-
border: solid 1px #
|
59
|
+
border: solid 1px #cccccc
|
63
60
|
height: 16px
|
64
61
|
padding: 1px 2px
|
65
62
|
display: block
|
66
63
|
&[type="file"]
|
67
64
|
border: none
|
68
|
-
|
69
65
|
textarea
|
70
|
-
border: solid 1px #
|
66
|
+
border: solid 1px #cccccc
|
71
67
|
height: 16px
|
72
68
|
padding: 0 2px
|
73
69
|
display: block
|
74
70
|
line-height: 18px
|
75
|
-
|
76
71
|
select
|
77
72
|
display: block
|
78
73
|
margin-top: 2px
|
79
74
|
margin-bottom: 0
|
80
|
-
|
81
75
|
input
|
82
76
|
&[type="submit"], &[type="reset"], &[type="button"]
|
83
77
|
margin-left: 12px
|
84
78
|
height: 18px
|
85
79
|
margin-bottom: 0
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
label.width#{!n}
|
80
|
+
@for $n from 1 to 4
|
81
|
+
.width#{$n} .radio-text
|
82
|
+
width: 228px * $n + 24px * ($n - 1)
|
83
|
+
label.width#{$n}
|
91
84
|
float: left
|
92
85
|
input, textarea
|
93
|
-
width
|
86
|
+
width: 102px * $n + 24px * ($n - 1)
|
94
87
|
select
|
95
88
|
width: 100%
|
96
|
-
|
97
|
-
|
98
|
-
label.unitx#{!n}
|
89
|
+
@for $n from 1 to 8
|
90
|
+
label.unitx#{$n}
|
99
91
|
float: left
|
100
92
|
input, textarea, .radio-text
|
101
|
-
width
|
93
|
+
width: 228px * $n + 24px * ($n - 1)
|
102
94
|
select
|
103
95
|
width: 100%
|
104
|
-
|
105
96
|
.radio
|
106
97
|
+radio
|
107
|
-
|
108
98
|
.radio-label
|
109
99
|
+radio-label
|
110
|
-
|
111
100
|
.checkbox
|
112
101
|
+checkbox
|
113
|
-
|
114
102
|
.checkbox-label
|
115
|
-
+checkbox-label
|
103
|
+
+checkbox-label
|
@@ -1,5 +1,5 @@
|
|
1
|
-
=baseline-grid(
|
2
|
-
#{
|
1
|
+
=baseline-grid($selector: unquote("#page"))
|
2
|
+
#{$selector}
|
3
3
|
+baseline-grid-container
|
4
4
|
+baseline-grid-defaults
|
5
5
|
|
@@ -47,19 +47,18 @@
|
|
47
47
|
=noleading
|
48
48
|
margin-bottom: 0 !important
|
49
49
|
|
50
|
-
=width(
|
51
|
-
width
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
-webkit-column-count= !n
|
50
|
+
=width($n)
|
51
|
+
width: 234px * $n + 18px * ($n - 1)
|
52
|
+
|
53
|
+
=unitx($n)
|
54
|
+
width: 108px * $n + 18px * ($n - 1)
|
55
|
+
|
56
|
+
=columnsx($n)
|
57
|
+
-webkit-column-count: $n
|
59
58
|
-webkit-column-gap: 18px
|
60
|
-
-moz-column-count
|
59
|
+
-moz-column-count: $n
|
61
60
|
-moz-column-gap: 18px
|
62
|
-
column-count
|
61
|
+
column-count: $n
|
63
62
|
column-gap: 18px
|
64
63
|
|
65
64
|
=baseline-grid-defaults
|
@@ -83,25 +82,25 @@
|
|
83
82
|
+leading
|
84
83
|
.noleading
|
85
84
|
+noleading
|
86
|
-
@for
|
87
|
-
.width#{
|
88
|
-
+width(
|
85
|
+
@for $n from 1 to 4
|
86
|
+
.width#{$n}
|
87
|
+
+width($n)
|
89
88
|
.table-column
|
90
89
|
th, td
|
91
90
|
+width(1)
|
92
|
-
@for
|
93
|
-
th.width#{
|
94
|
-
+width(
|
95
|
-
@for
|
96
|
-
.unitx#{
|
97
|
-
+unitx(
|
91
|
+
@for $n from 2 to 4
|
92
|
+
th.width#{$n}, td.width#{$n}
|
93
|
+
+width($n)
|
94
|
+
@for $n from 1 to 8
|
95
|
+
.unitx#{$n}
|
96
|
+
+unitx($n)
|
98
97
|
.table-unit
|
99
98
|
th, td
|
100
99
|
+unitx(1)
|
101
|
-
@for
|
102
|
-
th.unitx#{
|
103
|
-
+unitx(
|
100
|
+
@for $n from 2 to 8
|
101
|
+
th.unitx#{$n}, td.unitx#{$n}
|
102
|
+
+unitx($n)
|
104
103
|
.columnsx2
|
105
104
|
+columnsx(2)
|
106
105
|
.columnsx4
|
107
|
-
+columnsx(4)
|
106
|
+
+columnsx(4)
|
@@ -12,7 +12,6 @@
|
|
12
12
|
border: 0
|
13
13
|
outline: 0
|
14
14
|
background: transparent
|
15
|
-
|
16
15
|
textarea
|
17
16
|
font-family: inherit
|
18
17
|
font-size: 100%
|
@@ -22,45 +21,33 @@
|
|
22
21
|
text-align: left
|
23
22
|
margin: 0
|
24
23
|
padding: 0
|
25
|
-
|
26
24
|
article, aside, footer, header, nav, section, dialog, figure, hgroup, menu
|
27
25
|
display: block
|
28
|
-
|
29
26
|
h1, h2, h3, h4, h5, h6
|
30
27
|
font-size: 100%
|
31
28
|
font-weight: normal
|
32
|
-
|
33
29
|
del, ins
|
34
30
|
text-decoration: none
|
35
|
-
|
36
31
|
ol, ul
|
37
32
|
list-style: none
|
38
|
-
|
39
33
|
nav ul
|
40
34
|
list-style-type: none
|
41
|
-
|
42
35
|
table
|
43
36
|
border-collapse: separate
|
44
37
|
border-spacing: 0
|
45
38
|
background-color: transparent
|
46
39
|
width: auto
|
47
40
|
height: auto
|
48
|
-
|
49
|
-
//
|
50
|
-
:focus
|
51
|
-
outline: 0
|
52
|
-
|
41
|
+
// :focus
|
42
|
+
// outline: 0
|
53
43
|
blockquote
|
54
44
|
&:before, &:after
|
55
45
|
content: ""
|
56
|
-
|
57
46
|
q
|
58
47
|
&:before, &:after
|
59
48
|
content: ""
|
60
|
-
|
61
49
|
blockquote, q
|
62
50
|
quotes: "" ""
|
63
|
-
|
64
51
|
applet, basefont, dir, font, isindex, menu, s, strike, u
|
65
52
|
font-family: inherit
|
66
53
|
font-size: 100%
|
@@ -75,15 +62,11 @@
|
|
75
62
|
padding: 0
|
76
63
|
border: 0
|
77
64
|
outline: 0
|
78
|
-
|
79
65
|
dir, menu
|
80
66
|
list-style: none
|
81
|
-
|
82
67
|
nobr
|
83
68
|
white-space: normal
|
84
|
-
|
85
69
|
blink
|
86
70
|
text-decoration: none
|
87
|
-
|
88
71
|
marquee
|
89
|
-
overflow: visible
|
72
|
+
overflow: visible
|
@@ -1,28 +1,23 @@
|
|
1
1
|
=baseline-table
|
2
2
|
table
|
3
|
-
border-top: solid 3px
|
3
|
+
border-top: solid 3px black
|
4
4
|
position: relative
|
5
5
|
top: -3px
|
6
6
|
margin-top: 18px
|
7
7
|
padding-bottom: 15px
|
8
|
-
|
9
8
|
th, td
|
10
|
-
border-top: solid 1px
|
9
|
+
border-top: solid 1px black
|
11
10
|
line-height: 18px
|
12
11
|
padding: 9px 18px 8px 0
|
13
12
|
position: relative
|
14
|
-
|
15
13
|
th:first-child, td:first-child
|
16
14
|
padding-left: 0
|
17
|
-
|
18
15
|
th:last-child, td:last-child
|
19
16
|
padding-right: 0
|
20
|
-
|
21
17
|
tr
|
22
18
|
&:nth-child(even) td
|
23
19
|
&:nth-child(odd) td
|
24
20
|
background: #f6f6f6
|
25
|
-
|
26
21
|
caption
|
27
22
|
top: 8px
|
28
|
-
margin-bottom: 18px
|
23
|
+
margin-bottom: 18px
|
@@ -1,9 +1,9 @@
|
|
1
|
-
=baseline-type(
|
2
|
-
#{
|
1
|
+
=baseline-type($body_selector: body)
|
2
|
+
#{$body_selector}
|
3
3
|
+baseline-type-body
|
4
|
-
@if
|
4
|
+
@if $body_selector != "body"
|
5
5
|
+baseline-type-defaults
|
6
|
-
@if
|
6
|
+
@if $body_selector == "body"
|
7
7
|
+baseline-type-defaults
|
8
8
|
|
9
9
|
=baseline-type-body
|
@@ -14,53 +14,40 @@
|
|
14
14
|
=baseline-type-defaults
|
15
15
|
h1, h2, h3, h4, h5, h6
|
16
16
|
position: relative
|
17
|
-
|
18
17
|
h1, h2
|
19
18
|
line-height: 36px
|
20
19
|
margin-bottom: 18px
|
21
|
-
|
22
20
|
h1, h2, h3, h4
|
23
21
|
margin-top: 18px
|
24
|
-
|
25
22
|
h3, h4, h5, h6
|
26
23
|
line-height: 18px
|
27
|
-
|
28
24
|
h1
|
29
25
|
font-size: 36px
|
30
26
|
top: 5px
|
31
|
-
|
32
27
|
h2
|
33
28
|
font-size: 28px
|
34
29
|
top: 8px
|
35
|
-
|
36
30
|
h3
|
37
31
|
font-size: 22px
|
38
32
|
top: 1px
|
39
|
-
|
40
33
|
h4
|
41
34
|
font-size: 18px
|
42
35
|
top: 2px
|
43
|
-
|
44
36
|
h5
|
45
37
|
font-size: 15px
|
46
38
|
top: 4px
|
47
|
-
|
48
39
|
h6
|
49
40
|
font-size: 13px
|
50
41
|
top: 5px
|
51
|
-
|
52
42
|
h1:first-child, h2:first-child, h3:first-child, h4:first-child
|
53
43
|
margin-top: 0
|
54
|
-
|
55
44
|
p, pre, address
|
56
45
|
font-size: 13px
|
57
46
|
line-height: 18px
|
58
47
|
position: relative
|
59
48
|
top: 5px
|
60
|
-
|
61
49
|
abbr, code, kbd, samp, small, var
|
62
50
|
line-height: 15px
|
63
|
-
|
64
51
|
ul, ol, dl, dialog
|
65
52
|
font-size: 13px
|
66
53
|
line-height: 18px
|
@@ -68,42 +55,33 @@
|
|
68
55
|
top: 5px
|
69
56
|
margin-top: 18px
|
70
57
|
margin-bottom: 18px
|
71
|
-
|
72
58
|
li
|
73
59
|
ul, ol
|
74
60
|
top: 0
|
75
61
|
margin-top: 0
|
76
62
|
margin-bottom: 0
|
77
|
-
|
78
63
|
ul ul, ol ol
|
79
64
|
top: 0
|
80
65
|
margin-top: 0
|
81
66
|
margin-bottom: 0
|
82
|
-
|
83
67
|
li
|
84
68
|
h1, h2, h3, h4, h5, h6, p
|
85
69
|
top: 0
|
86
|
-
|
87
70
|
form, legend, label
|
88
71
|
font-size: 13px
|
89
72
|
line-height: 18px
|
90
|
-
|
91
73
|
legend
|
92
74
|
position: relative
|
93
75
|
top: 5px
|
94
|
-
|
95
76
|
input, textarea
|
96
77
|
font-size: 12px
|
97
|
-
|
98
78
|
table
|
99
79
|
font-size: 13px
|
100
|
-
|
101
80
|
caption
|
102
81
|
font-size: 13px
|
103
82
|
line-height: 18px
|
104
83
|
position: relative
|
105
|
-
|
106
84
|
hr
|
107
85
|
position: relative
|
108
86
|
height: 4px
|
109
|
-
margin: 18px 0 14px 0
|
87
|
+
margin: 18px 0 14px 0
|
metadata
CHANGED
@@ -1,7 +1,12 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: compass-baseline
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
|
4
|
+
prerelease: false
|
5
|
+
segments:
|
6
|
+
- 0
|
7
|
+
- 3
|
8
|
+
- 0
|
9
|
+
version: 0.3.0
|
5
10
|
platform: ruby
|
6
11
|
authors:
|
7
12
|
- Thomas Reynolds
|
@@ -9,19 +14,34 @@ autorequire:
|
|
9
14
|
bindir: bin
|
10
15
|
cert_chain: []
|
11
16
|
|
12
|
-
date:
|
17
|
+
date: 2010-07-23 00:00:00 -07:00
|
13
18
|
default_executable:
|
14
19
|
dependencies:
|
15
20
|
- !ruby/object:Gem::Dependency
|
16
|
-
name:
|
21
|
+
name: haml
|
22
|
+
prerelease: false
|
23
|
+
requirement: &id001 !ruby/object:Gem::Requirement
|
24
|
+
requirements:
|
25
|
+
- - ">="
|
26
|
+
- !ruby/object:Gem::Version
|
27
|
+
segments:
|
28
|
+
- 3
|
29
|
+
- 0
|
30
|
+
version: "3.0"
|
17
31
|
type: :runtime
|
18
|
-
|
19
|
-
|
32
|
+
version_requirements: *id001
|
33
|
+
- !ruby/object:Gem::Dependency
|
34
|
+
name: compass
|
35
|
+
prerelease: false
|
36
|
+
requirement: &id002 !ruby/object:Gem::Requirement
|
20
37
|
requirements:
|
21
38
|
- - ">="
|
22
39
|
- !ruby/object:Gem::Version
|
40
|
+
segments:
|
41
|
+
- 0
|
23
42
|
version: "0"
|
24
|
-
|
43
|
+
type: :runtime
|
44
|
+
version_requirements: *id002
|
25
45
|
description:
|
26
46
|
email: tdreyno@gmail.com
|
27
47
|
executables: []
|
@@ -63,18 +83,20 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
63
83
|
requirements:
|
64
84
|
- - ">="
|
65
85
|
- !ruby/object:Gem::Version
|
86
|
+
segments:
|
87
|
+
- 0
|
66
88
|
version: "0"
|
67
|
-
version:
|
68
89
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
69
90
|
requirements:
|
70
91
|
- - ">="
|
71
92
|
- !ruby/object:Gem::Version
|
93
|
+
segments:
|
94
|
+
- 0
|
72
95
|
version: "0"
|
73
|
-
version:
|
74
96
|
requirements: []
|
75
97
|
|
76
|
-
rubyforge_project:
|
77
|
-
rubygems_version: 1.3.
|
98
|
+
rubyforge_project:
|
99
|
+
rubygems_version: 1.3.6
|
78
100
|
signing_key:
|
79
101
|
specification_version: 3
|
80
102
|
summary: An implementation of Baseline in Sass
|