compass-drupal-plugin 0.2.0.beta.3 → 0.2.0.beta.5
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/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
|