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.
@@ -1,11 +1,11 @@
1
1
  Gem::Specification.new do |s|
2
2
  # Release Specific Information
3
- s.version = "0.2.0.beta.3"
4
- s.date = "2010-12-16"
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 /. Etheriel"]
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
@@ -1,2 +1,3 @@
1
1
  require 'compass'
2
- Compass::Frameworks.register("drupal", :path => "#{File.dirname(__FILE__)}/..")
2
+ extension_path = File.expand_path(File.join(File.dirname(__FILE__), ".."))
3
+ Compass::Frameworks.register('drupal', :path => extension_path)
@@ -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: 'Verdana, Tahoma, "DejaVu Sans", sans-serif';
21
- $<%= project_name %>-monospaced-typeface: '"Courier New", "DejaVu Sans Mono", monospace';
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
- // Page Components
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 %>-content-area { }
100
+ .-<%= project_name %>-header { }
35
101
 
36
102
  .-<%= project_name %>-logo { }
37
103
 
38
- .-<%= project_name %>-name-and-slogan { } // usally the .name-and-slogan div
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 to make for a diversity of block styles
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
- .-<%= project_name %>-block-content { }
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-object; }
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; } }
@@ -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
- @extend .-<%= project_name %>-page;
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
- #content-area { @extend .-<%= project_name %>-content-area; }
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
- .feed-icons { }
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: 62196357
5
- prerelease: true
4
+ hash: 62196361
5
+ prerelease: 6
6
6
  segments:
7
7
  - 0
8
8
  - 2
9
9
  - 0
10
10
  - beta
11
- - 3
12
- version: 0.2.0.beta.3
11
+ - 5
12
+ version: 0.2.0.beta.5
13
13
  platform: ruby
14
14
  authors:
15
- - Capi /. Etheriel
15
+ - Capi Etheriel
16
16
  autorequire:
17
17
  bindir: bin
18
18
  cert_chain: []
19
19
 
20
- date: 2010-12-16 00:00:00 -02:00
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.3.7
90
+ rubygems_version: 1.4.2
91
91
  signing_key:
92
92
  specification_version: 3
93
93
  summary: a compass extension providing drupal integration