compass-drupal-plugin 0.2.0.beta.3 → 0.2.0.beta.5
Sign up to get free protection for your applications and to get access to all the features.
- data/compass-drupal-plugin.gemspec +3 -3
- data/lib/drupal.rb +2 -1
- data/stylesheets/drupal/_zen.scss +25 -0
- data/templates/project/_skin.scss +95 -86
- data/templates/zen/zen-base.scss +35 -16
- metadata +7 -7
@@ -1,11 +1,11 @@
|
|
1
1
|
Gem::Specification.new do |s|
|
2
2
|
# Release Specific Information
|
3
|
-
s.version = "0.2.0.beta.
|
4
|
-
s.date = "
|
3
|
+
s.version = "0.2.0.beta.5"
|
4
|
+
s.date = "2011-03-11"
|
5
5
|
|
6
6
|
# Gem Details
|
7
7
|
s.name = %q{compass-drupal-plugin}
|
8
|
-
s.authors = ["Capi
|
8
|
+
s.authors = ["Capi Etheriel"]
|
9
9
|
s.summary = %q{a compass extension providing drupal integration}
|
10
10
|
s.description = %q{a compass extension providing drupal integration, supporting the popular base theme Zen}
|
11
11
|
s.email = %q{barraponto@gmail.com}
|
data/lib/drupal.rb
CHANGED
@@ -6,6 +6,7 @@ $zen-first-sidebar-width: 200px !default;
|
|
6
6
|
$zen-second-sidebar-width: 200px !default;
|
7
7
|
$zen-navigation-width: 100% !default;
|
8
8
|
$zen-navigation-height: 2.3em !default;
|
9
|
+
$zen-footer-size: 150px !default;
|
9
10
|
|
10
11
|
$zen-proportional-typeface: 'Verdana, Tahoma, "DejaVu Sans", sans-serif' !default;
|
11
12
|
$zen-monospaced-typeface: '"Courier New", "DejaVu Sans Mono", monospace' !default;
|
@@ -340,4 +341,28 @@ $zen-base-font-size: 14px !default;
|
|
340
341
|
line-height: ($zen-base-font-size + 4px) * 1em / $zen-base-font-size;
|
341
342
|
}
|
342
343
|
|
344
|
+
}
|
345
|
+
|
346
|
+
@mixin zen-footer {
|
347
|
+
|
348
|
+
html, body, #page-wrapper, #page {
|
349
|
+
height: 100%;
|
350
|
+
}
|
351
|
+
|
352
|
+
#main-wrapper {
|
353
|
+
min-height: 100%;
|
354
|
+
}
|
355
|
+
|
356
|
+
#main {
|
357
|
+
overflow: auto;
|
358
|
+
padding-bottom: $zen-footer-size; /* the footer size */
|
359
|
+
}
|
360
|
+
|
361
|
+
#footer {
|
362
|
+
position: relative;
|
363
|
+
clear: both;
|
364
|
+
height: $zen-footer-size;
|
365
|
+
margin-top: -$zen-footer-size; /* the negative value of the footer size */
|
366
|
+
}
|
367
|
+
|
343
368
|
}
|
@@ -1,5 +1,4 @@
|
|
1
|
-
<% project_name = File.basename(config.project_path)
|
2
|
-
|
1
|
+
<% project_name = File.basename(config.project_path) -%>
|
3
2
|
// This variable controls the total width of the container div
|
4
3
|
// You can use px for a Fixed layout or % for a Liquid layout
|
5
4
|
$<%= project_name %>-width: 960px;
|
@@ -17,39 +16,112 @@ $<%= project_name %>-navigation-width: 100%;
|
|
17
16
|
$<%= project_name %>-navigation-height: 2.3em;
|
18
17
|
|
19
18
|
// These variables control the typefaces as defined in html-reset.css
|
20
|
-
$<%= project_name %>-proportional-typeface:
|
21
|
-
$<%= project_name %>-monospaced-typeface:
|
19
|
+
$<%= project_name %>-proportional-typeface: Verdana, Tahoma, "DejaVu Sans", sans-serif;
|
20
|
+
$<%= project_name %>-monospaced-typeface: "Courier New", "DejaVu Sans Mono", monospace;
|
22
21
|
|
23
22
|
// These variables control the font sizes as defined in html-reset.css
|
24
23
|
$<%= project_name %>-base-font-size: 14px;
|
25
24
|
|
26
|
-
//
|
25
|
+
//HTML Elements
|
26
|
+
.-<%= project_name %>-h2 { } //Not meant for Block titles
|
27
|
+
|
28
|
+
.-<%= project_name %>-h3 { }
|
29
|
+
|
30
|
+
.-<%= project_name %>-h4 { }
|
31
|
+
|
32
|
+
.-<%= project_name %>-p { }
|
33
|
+
|
34
|
+
.-<%= project_name %>-li { }
|
35
|
+
|
36
|
+
.-<%= project_name %>-ul {
|
37
|
+
li { @extend .-<%= project_name %>-li; } }
|
38
|
+
|
39
|
+
.-<%= project_name %>-ol {
|
40
|
+
li { @extend .-<%= project_name %>-li; } }
|
41
|
+
|
42
|
+
.-<%= project_name %>-blockquote { }
|
43
|
+
|
44
|
+
.-<%= project_name %>-cite { }
|
45
|
+
|
46
|
+
.-<%= project_name %>-a {
|
47
|
+
&:link { }
|
48
|
+
&:visited { }
|
49
|
+
&:hover { }
|
50
|
+
&:focus { }
|
51
|
+
&:active { } }
|
52
|
+
|
53
|
+
.-<%= project_name %>-pre { }
|
54
|
+
|
55
|
+
.-<%= project_name %>-code { }
|
56
|
+
|
57
|
+
.-<%= project_name %>-table {
|
58
|
+
caption { }
|
59
|
+
tr {
|
60
|
+
&.odd { }
|
61
|
+
&.even { }
|
62
|
+
th { }
|
63
|
+
td { }
|
64
|
+
thead & { }
|
65
|
+
tfoot & { }
|
66
|
+
tbody & { } } }
|
27
67
|
|
68
|
+
// Content Classes
|
69
|
+
.-<%= project_name %>-node-content {
|
70
|
+
h2 { @extend .-<%= project_name %>-h2; }
|
71
|
+
h3 { @extend .-<%= project_name %>-h3; }
|
72
|
+
h4 { @extend .-<%= project_name %>-h4; }
|
73
|
+
p { @extend .-<%= project_name %>-p; }
|
74
|
+
li { @extend .-<%= project_name %>-li; }
|
75
|
+
ul { @extend .-<%= project_name %>-ul; }
|
76
|
+
ol { @extend .-<%= project_name %>-ol; }
|
77
|
+
pre { @extend .-<%= project_name %>-pre; }
|
78
|
+
code { @extend .-<%= project_name %>-code; }
|
79
|
+
blockquote { @extend .-<%= project_name %>-blockquote; }
|
80
|
+
cite { @extend .-<%= project_name %>-cite; }
|
81
|
+
a { @extend .-<%= project_name %>-a; }
|
82
|
+
table { @extend .-<%= project_name %>-table; } }
|
83
|
+
|
84
|
+
.-<%= project_name %>-block-content {
|
85
|
+
h3 { @extend .-<%= project_name %>-h3; }
|
86
|
+
h4 { @extend .-<%= project_name %>-h4; }
|
87
|
+
p { @extend .-<%= project_name %>-p; }
|
88
|
+
ul { @extend .-<%= project_name %>-ul; }
|
89
|
+
ol { @extend .-<%= project_name %>-ol; }
|
90
|
+
li { @extend .-<%= project_name %>-li; }
|
91
|
+
a { @extend .-<%= project_name %>-a; } }
|
92
|
+
|
93
|
+
// Page Components
|
28
94
|
.-<%= project_name %>-body { }
|
29
95
|
|
30
96
|
.-<%= project_name %>-skip-link { }
|
31
97
|
|
32
98
|
.-<%= project_name %>-page { }
|
33
99
|
|
34
|
-
.-<%= project_name %>-
|
100
|
+
.-<%= project_name %>-header { }
|
35
101
|
|
36
102
|
.-<%= project_name %>-logo { }
|
37
103
|
|
38
|
-
.-<%= project_name %>-name-and-slogan { } //
|
104
|
+
.-<%= project_name %>-name-and-slogan { } //usually the .name-and-slogan div
|
39
105
|
|
40
106
|
.-<%= project_name %>-site-name {
|
41
107
|
a { } }
|
42
108
|
|
43
109
|
.-<%= project_name %>-site-slogan { }
|
44
110
|
|
45
|
-
.-<%= project_name %>-search-box {
|
46
|
-
#search {
|
47
|
-
.form-item {
|
48
|
-
.form-text { } }
|
49
|
-
.form-submit { } } }
|
50
|
-
|
51
111
|
.-<%= project_name %>-mission { }
|
52
112
|
|
113
|
+
.-<%= project_name %>-main { }
|
114
|
+
|
115
|
+
.-<%= project_name %>-sidebar { } //make a copy to have different sidebars
|
116
|
+
|
117
|
+
.-<%= project_name %>-navigation { }
|
118
|
+
|
119
|
+
.-<%= project_name %>-content { }
|
120
|
+
|
121
|
+
.-<%= project_name %>-title { } //this will be the h1, except for the home page
|
122
|
+
|
123
|
+
.-<%= project_name %>-content-area { }
|
124
|
+
|
53
125
|
.-<%= project_name %>-breadcrumb {
|
54
126
|
a { } }
|
55
127
|
|
@@ -79,6 +151,7 @@ $<%= project_name %>-base-font-size: 14px;
|
|
79
151
|
&.active {
|
80
152
|
a { } } } }
|
81
153
|
|
154
|
+
// Make copies of these components for a diversity of menu styles
|
82
155
|
.-<%= project_name %>-menu {
|
83
156
|
> li { // use '>' to target only child items
|
84
157
|
&.first { }
|
@@ -91,6 +164,8 @@ $<%= project_name %>-base-font-size: 14px;
|
|
91
164
|
&.last { }
|
92
165
|
&.expanded { } } }
|
93
166
|
|
167
|
+
.-<%= project_name %>-footer { }
|
168
|
+
|
94
169
|
.-<%= project_name %>-pager {
|
95
170
|
.pager-item { }
|
96
171
|
.pager-current { }
|
@@ -106,17 +181,20 @@ $<%= project_name %>-base-font-size: 14px;
|
|
106
181
|
.-<%= project_name %>-footer-message { }
|
107
182
|
|
108
183
|
// Block Components
|
109
|
-
// Make copies of these components
|
184
|
+
// Make copies of these components for a diversity of block styles
|
110
185
|
.-<%= project_name %>-block { }
|
186
|
+
|
111
187
|
.-<%= project_name %>-block-title { }
|
112
|
-
|
188
|
+
|
189
|
+
.-<%= project_name %>-block-content { @extend .-<%= project_name %>-block-content; }
|
113
190
|
|
114
191
|
// Node Components
|
192
|
+
// Make copies of these components for a diversity of node styles
|
115
193
|
.-<%= project_name %>-node { }
|
116
194
|
|
117
195
|
.-<%= project_name %>-node-picture { }
|
118
196
|
|
119
|
-
.-<%= project_name %>-node-title { }
|
197
|
+
.-<%= project_name %>-node-title { } //meant for node listings, see also .-<%= project_name %>-title
|
120
198
|
|
121
199
|
.-<%= project_name %>-node-meta {
|
122
200
|
|
@@ -124,7 +202,7 @@ $<%= project_name %>-base-font-size: 14px;
|
|
124
202
|
|
125
203
|
.-<%= project_name %>-node-terms { } }
|
126
204
|
|
127
|
-
.-<%= project_name %>-node-content { @extend .-<%= project_name %>-content
|
205
|
+
.-<%= project_name %>-node-content { @extend .-<%= project_name %>-node-content; }
|
128
206
|
|
129
207
|
.-<%= project_name %>-node-links {
|
130
208
|
li {
|
@@ -152,72 +230,3 @@ $<%= project_name %>-base-font-size: 14px;
|
|
152
230
|
.-<%= project_name %>-profile-field-label { }
|
153
231
|
|
154
232
|
.-<%= project_name %>-profile-field-value { }
|
155
|
-
|
156
|
-
// Block Elements
|
157
|
-
// Make a copy of these if you're looking for block diversity
|
158
|
-
.-<%= project_name %>-h2 { }
|
159
|
-
|
160
|
-
.-<%= project_name %>-h3 { }
|
161
|
-
|
162
|
-
.-<%= project_name %>-p { }
|
163
|
-
|
164
|
-
.-<%= project_name %>-li { }
|
165
|
-
|
166
|
-
.-<%= project_name %>-ul {
|
167
|
-
li { @extend .-<%= project_name %>-li; } }
|
168
|
-
|
169
|
-
.-<%= project_name %>-ol {
|
170
|
-
li { @extend .-<%= project_name %>-li; } }
|
171
|
-
|
172
|
-
.-<%= project_name %>-a {
|
173
|
-
&:link { }
|
174
|
-
&:visited { }
|
175
|
-
&:hover { }
|
176
|
-
&:focus { }
|
177
|
-
&:active { } }
|
178
|
-
|
179
|
-
// Node Elements
|
180
|
-
// These objects shouldn't appear outside of nodes, but you never know.
|
181
|
-
.-<%= project_name %>-h4 { }
|
182
|
-
|
183
|
-
.-<%= project_name %>-pre { }
|
184
|
-
|
185
|
-
.-<%= project_name %>-code { }
|
186
|
-
|
187
|
-
.-<%= project_name %>-blockquote { }
|
188
|
-
|
189
|
-
.-<%= project_name %>-cite { }
|
190
|
-
|
191
|
-
.-<%= project_name %>-table {
|
192
|
-
caption { }
|
193
|
-
tr {
|
194
|
-
&.odd { }
|
195
|
-
&.even { }
|
196
|
-
th { }
|
197
|
-
td { }
|
198
|
-
thead & { }
|
199
|
-
tfoot & { }
|
200
|
-
tbody & { } } }
|
201
|
-
|
202
|
-
// Content Classes
|
203
|
-
.-<%= project_name %>-node-content {
|
204
|
-
h2 { @extend .-<%= project_name %>-h2; }
|
205
|
-
h3 { @extend .-<%= project_name %>-h3; }
|
206
|
-
h4 { @extend .-<%= project_name %>-h4; }
|
207
|
-
p { @extend .-<%= project_name %>-p; }
|
208
|
-
ul { @extend .-<%= project_name %>-ul; }
|
209
|
-
ol { @extend .-<%= project_name %>-ol; }
|
210
|
-
li { @extend .-<%= project_name %>-li; }
|
211
|
-
table { @extend .-<%= project_name %>-table; }
|
212
|
-
code { @extend .-<%= project_name %>-code; }
|
213
|
-
blockquote { @extend .-<%= project_name %>-blockquote; }
|
214
|
-
a { @extend .-<%= project_name %>-a; } }
|
215
|
-
|
216
|
-
.-<%= project_name %>-block-content {
|
217
|
-
h3 { @extend .-<%= project_name %>-h3; }
|
218
|
-
h4 { @extend .-<%= project_name %>-h4; }
|
219
|
-
p { @extend .-<%= project_name %>-p; }
|
220
|
-
ul { @extend .-<%= project_name %>-ul; }
|
221
|
-
ol { @extend .-<%= project_name %>-ol; }
|
222
|
-
li { @extend .-<%= project_name %>-li; }
|
223
|
-
a { @extend .-<%= project_name %>-a; } }
|
data/templates/zen/zen-base.scss
CHANGED
@@ -1,6 +1,6 @@
|
|
1
|
+
<% project_name = File.basename(config.project_path) -%>
|
1
2
|
@import "drupal/zen";
|
2
3
|
@import "<%= File.basename(config.project_path) %>-skin";
|
3
|
-
<% project_name = File.basename(config.project_path) %>
|
4
4
|
|
5
5
|
// Map the zen variables to the skin variables
|
6
6
|
$zen-width: $<%= project_name %>-width;
|
@@ -30,14 +30,38 @@ body { @extend .-<%= project_name %>-body; }
|
|
30
30
|
#skip-link { @extend .-<%= project_name %>-skip-link; }
|
31
31
|
|
32
32
|
#page-wrapper {
|
33
|
-
|
33
|
+
|
34
|
+
#page { @extend .-<%= project_name %>-page; }
|
35
|
+
|
36
|
+
#main { @extend .-<%= project_name %>-main; }
|
37
|
+
|
38
|
+
#header {
|
39
|
+
@extend .-<%= project_name %>-header;
|
40
|
+
#logo { @extend .-<%= project_name %>-logo; }
|
41
|
+
#name-and-slogan {
|
42
|
+
@extend .-<%= project_name %>-name-and-slogan;
|
43
|
+
#site-name { @extend .-<%= project_name %>-site-name; }
|
44
|
+
#site-slogan { @extend .-<%= project_name %>-site-slogan; } }
|
45
|
+
//#search-box { @extend .-<%= project_name %>-search-box; }
|
46
|
+
}
|
47
|
+
|
48
|
+
#navigation {
|
49
|
+
@extend .-<%= project_name %>-navigation;
|
50
|
+
#main-menu {
|
51
|
+
@extend .-<%= project_name %>-menu;
|
52
|
+
> li.expanded > ul.menu { @extend .-<%= project_name %>-submenu; } } }
|
53
|
+
|
54
|
+
#footer {
|
55
|
+
@extend .-<%= project_name %>-footer;
|
56
|
+
#secondary-menu { @extend .-<%= project_name %>-menu; }
|
57
|
+
#footer-message { @extend .-<%= project_name %>-footer-message; } }
|
34
58
|
|
35
59
|
/* Content */
|
36
60
|
|
37
61
|
#content {
|
38
|
-
|
39
|
-
#mission { @extend .-<%= project_name %>-mission; }
|
62
|
+
@extend .-<%= project_name %>-content;
|
40
63
|
#breadcrumb { @extend .-<%= project_name %>-breadcrumb; }
|
64
|
+
h1.title { @extend .-<%= project_name %>-title; }
|
41
65
|
.messages {
|
42
66
|
&.status { @extend .-<%= project_name %>-messages-status; }
|
43
67
|
&.warning { @extend .-<%= project_name %>-messages-warning; }
|
@@ -47,7 +71,11 @@ body { @extend .-<%= project_name %>-body; }
|
|
47
71
|
@extend .-<%= project_name %>-tabs;
|
48
72
|
.primary { @extend .-<%= project_name %>-primary-tabs; }
|
49
73
|
.secondary { @extend .-<%= project_name %>-secondary-tabs; } }
|
50
|
-
|
74
|
+
#content-area {
|
75
|
+
@extend .-<%= project_name %>-content-area;
|
76
|
+
.pager { @extend .-<%= project_name %>-pager; } }
|
77
|
+
#mission { @extend .-<%= project_name %>-mission; }
|
78
|
+
.feed-icons { @extend .-<%= project_name %>-feed-icons; }
|
51
79
|
|
52
80
|
/* Nodes */
|
53
81
|
|
@@ -80,6 +108,7 @@ body { @extend .-<%= project_name %>-body; }
|
|
80
108
|
/* Regions */
|
81
109
|
|
82
110
|
.region-sidebar-first {
|
111
|
+
@extend .-<%= project_name %>-sidebar;
|
83
112
|
.block {
|
84
113
|
@extend .-<%= project_name %>-block;
|
85
114
|
.title { @extend .-<%= project_name %>-block-title; }
|
@@ -88,6 +117,7 @@ body { @extend .-<%= project_name %>-body; }
|
|
88
117
|
&.even { } } }
|
89
118
|
|
90
119
|
.region-sidebar-second {
|
120
|
+
@extend .-<%= project_name %>-sidebar;
|
91
121
|
.block {
|
92
122
|
@extend .-<%= project_name %>-block;
|
93
123
|
.title { @extend .-<%= project_name %>-block-title; }
|
@@ -96,9 +126,6 @@ body { @extend .-<%= project_name %>-body; }
|
|
96
126
|
&.even { } } }
|
97
127
|
|
98
128
|
.region-navigation {
|
99
|
-
#main-menu {
|
100
|
-
@extend .-<%= project_name %>-menu;
|
101
|
-
> li.expanded > ul.menu { @extend .-<%= project_name %>-submenu; } }
|
102
129
|
.block { @extend .-<%= project_name %>-block;
|
103
130
|
.title { @extend .-<%= project_name %>-block-title; }
|
104
131
|
.content { @extend .-<%= project_name %>-block-content; } } }
|
@@ -122,20 +149,12 @@ body { @extend .-<%= project_name %>-body; }
|
|
122
149
|
.content { @extend .-<%= project_name %>-block-content; } } }
|
123
150
|
|
124
151
|
.region-header {
|
125
|
-
#logo { @extend .-<%= project_name %>-logo; }
|
126
|
-
#name-and-slogan {
|
127
|
-
@extend .-<%= project_name %>-name-and-slogan;
|
128
|
-
#site-name { @extend .-<%= project_name %>-site-name; }
|
129
|
-
#site-slogan { @extend .-<%= project_name %>-site-slogan; } }
|
130
|
-
#search-box { @extend .-<%= project_name %>-search-box; }
|
131
152
|
.block {
|
132
153
|
@extend .-<%= project_name %>-block;
|
133
154
|
.title { @extend .-<%= project_name %>-block-title; }
|
134
155
|
.content { @extend .-<%= project_name %>-block-content; } } }
|
135
156
|
|
136
157
|
.region-footer {
|
137
|
-
#secondary-menu { @extend .-<%= project_name %>-menu; }
|
138
|
-
#footer-message { @extend .-<%= project_name %>-footer-message; }
|
139
158
|
.block {
|
140
159
|
@extend .-<%= project_name %>-block;
|
141
160
|
.title { @extend .-<%= project_name %>-block-title; }
|
metadata
CHANGED
@@ -1,23 +1,23 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: compass-drupal-plugin
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
hash:
|
5
|
-
prerelease:
|
4
|
+
hash: 62196361
|
5
|
+
prerelease: 6
|
6
6
|
segments:
|
7
7
|
- 0
|
8
8
|
- 2
|
9
9
|
- 0
|
10
10
|
- beta
|
11
|
-
-
|
12
|
-
version: 0.2.0.beta.
|
11
|
+
- 5
|
12
|
+
version: 0.2.0.beta.5
|
13
13
|
platform: ruby
|
14
14
|
authors:
|
15
|
-
- Capi
|
15
|
+
- Capi Etheriel
|
16
16
|
autorequire:
|
17
17
|
bindir: bin
|
18
18
|
cert_chain: []
|
19
19
|
|
20
|
-
date:
|
20
|
+
date: 2011-03-11 00:00:00 -03:00
|
21
21
|
default_executable:
|
22
22
|
dependencies:
|
23
23
|
- !ruby/object:Gem::Dependency
|
@@ -87,7 +87,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
87
87
|
requirements: []
|
88
88
|
|
89
89
|
rubyforge_project:
|
90
|
-
rubygems_version: 1.
|
90
|
+
rubygems_version: 1.4.2
|
91
91
|
signing_key:
|
92
92
|
specification_version: 3
|
93
93
|
summary: a compass extension providing drupal integration
|