compass-drupal-plugin 0.2.0.alpha.1 → 0.2.0.beta.1

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,7 +1,7 @@
1
1
  Gem::Specification.new do |s|
2
2
  # Release Specific Information
3
- s.version = "0.2.0.alpha.1"
4
- s.date = "2010-12-1"
3
+ s.version = "0.2.0.beta.1"
4
+ s.date = "2010-12-15"
5
5
 
6
6
  # Gem Details
7
7
  s.name = %q{compass-drupal-plugin}
@@ -7,6 +7,11 @@ $zen-second-sidebar-width: 200px !default;
7
7
  $zen-navigation-width: 100% !default;
8
8
  $zen-navigation-height: 2.3em !default;
9
9
 
10
+ $zen-proportional-typeface: 'Verdana, Tahoma, "DejaVu Sans", sans-serif' !default;
11
+ $zen-monospaced-typeface: '"Courier New", "DejaVu Sans Mono", monospace' !default;
12
+
13
+ $zen-base-font-size: 14px !default;
14
+
10
15
  @mixin zen-layout-base {
11
16
 
12
17
  .region-header {
@@ -318,15 +323,21 @@ $zen-navigation-height: 2.3em !default;
318
323
 
319
324
  }
320
325
 
321
- @mixin zen-typefaces(
322
- $proportional: 'Verdana, Tahoma, "DejaVu Sans", sans-serif',
323
- $monospaced: '"Courier New", "DejaVu Sans Mono", monospace') {
326
+ @mixin zen-typefaces {
324
327
 
325
328
  body, caption, th, td, input, textarea, select, option, legend, fieldset {
326
- font-family: $proportional; }
329
+ font-family: $zen-proportional-typeface; }
327
330
 
328
331
  pre, code {
329
- font-family: $monospaced; }
332
+ font-family: $zen-monospaced-typeface; }
333
+
334
+ }
335
+
336
+ @mixin zen-typography {
337
+
338
+ #skip-link, #page {
339
+ font-size: $zen-base-font-size * 1em / 16px;
340
+ line-height: ($zen-base-font-size + 4px) * 1em / $zen-base-font-size;
341
+ }
330
342
 
331
-
332
343
  }
@@ -1,12 +1,45 @@
1
- /* Page Elements */
1
+ // This variable controls the total width of the container div
2
+ // You can use px for a Fixed layout or % for a Liquid layout
3
+ $<%= project_name %>-width: 960px;
4
+
5
+ // These variables control the size of the sidebars
6
+ $<%= project_name %>-first-sidebar-width: 200px;
7
+ $<%= project_name %>-second-sidebar-width: 200px;
8
+
9
+ // This variable positions the content relative to the sidebars
10
+ // Possible values are first, last, middle
11
+ $<%= project_name %>-content-position: "middle";
12
+
13
+ // These variables control the #navigation div
14
+ $<%= project_name %>-navigation-width: 100%;
15
+ $<%= project_name %>-navigation-height: 2.3em;
16
+
17
+ // These variables control the typefaces as defined in html-reset.css
18
+ $<%= project_name %>-proportional-typeface: 'Verdana, Tahoma, "DejaVu Sans", sans-serif';
19
+ $<%= project_name %>-monospaced-typeface: '"Courier New", "DejaVu Sans Mono", monospace';
20
+
21
+ // These variables control the font sizes as defined in html-reset.css
22
+ $<%= project_name %>-font-size: 14px;
23
+
24
+ // Page Components
2
25
  <% project_name = File.basename(config.project_path) %>
26
+
27
+ .-<%= project_name %>-body { }
28
+
3
29
  .-<%= project_name %>-skip-link { }
30
+
31
+ .-<%= project_name %>-page { }
32
+
33
+ .-<%= project_name %>-content-area { }
34
+
4
35
  .-<%= project_name %>-logo { }
5
36
 
6
- .-<%= project_name %>-name-and-slogan {
7
- #site-name {
8
- a { } }
9
- #site-slogan { } }
37
+ .-<%= project_name %>-name-and-slogan { } // usally the .name-and-slogan div
38
+
39
+ .-<%= project_name %>-site-name {
40
+ a { } }
41
+
42
+ .-<%= project_name %>-site-slogan { }
10
43
 
11
44
  .-<%= project_name %>-search-box {
12
45
  #search {
@@ -15,42 +48,118 @@
15
48
  .form-submit { } } }
16
49
 
17
50
  .-<%= project_name %>-mission { }
18
- .-<%= project_name %>-breadcrumb { }
51
+
52
+ .-<%= project_name %>-breadcrumb {
53
+ a { } }
19
54
 
20
55
  .-<%= project_name %>-messages {
21
56
  ul {
22
- li { } }
23
- &.error { }
24
- &.warning { }
25
- &.status { }
26
- &.help { } }
27
-
28
- .-<%= project_name %>-primary-tabs { }
29
- .-<%= project_name %>-secondary-tabs { }
57
+ li { } } }
58
+
59
+ .-<%= project_name %>-messages-error { @extend .-<%= project_name %>-messages; }
60
+
61
+ .-<%= project_name %>-messages-warning { @extend .-<%= project_name %>-messages; }
62
+
63
+ .-<%= project_name %>-messages-status { @extend .-<%= project_name %>-messages; }
64
+
65
+ .-<%= project_name %>-messages-help { @extend .-<%= project_name %>-messages; }
66
+
67
+ .-<%= project_name %>-tabs { } // usually the .tabs div
68
+
69
+ .-<%= project_name %>-primary-tabs {
70
+ li {
71
+ a { }
72
+ &.active {
73
+ a { } } } }
74
+
75
+ .-<%= project_name %>-secondary-tabs {
76
+ li {
77
+ a { }
78
+ &.active {
79
+ a { } } } }
80
+
30
81
  .-<%= project_name %>-menu {
31
- > li { //use > to target only child items,
82
+ > li { // use '>' to target only child items
32
83
  &.first { }
33
84
  &.last { }
34
- &.expanded {
35
- > ul { @extend .-<%= project_name %>-submenu; } } } }
85
+ &.expanded { } } }
36
86
 
37
- .-<%= project_name %>-submenu {
38
- > li { //use > to target only child items,
87
+ .-<%= project_name %>-submenu { // think expanded menus, not secondary menus
88
+ > li { // use '>' to target only child items
39
89
  &.first { }
40
90
  &.last { }
41
- &.expanded {
42
- > ul { } } } }
91
+ &.expanded { } } }
92
+
93
+ .-<%= project_name %>-pager {
94
+ .pager-item { }
95
+ .pager-current { }
96
+ .pager-previous { }
97
+ .pager-next { }
98
+ .pager-first { }
99
+ .pager-last { }
100
+ a { } }
43
101
 
44
102
  .-<%= project_name %>-feed-icons {
45
103
  .feed-icon { } }
46
104
 
47
105
  .-<%= project_name %>-footer-message { }
48
106
 
49
- /* Common Elements */
107
+ // Block Components
108
+ // Make copies of these components to make for a diversity of block styles
109
+ .-<%= project_name %>-block { }
110
+ .-<%= project_name %>-block-title { }
111
+ .-<%= project_name %>-block-content { }
112
+
113
+ // Node Components
114
+ .-<%= project_name %>-node { }
115
+
116
+ .-<%= project_name %>-node-picture { }
117
+
118
+ .-<%= project_name %>-node-title { }
119
+
120
+ .-<%= project_name %>-node-meta {
121
+
122
+ .-<%= project_name %>-node-submitted { }
123
+
124
+ .-<%= project_name %>-node-terms { } }
125
+
126
+ .-<%= project_name %>-node-content { @extend .-<%= project_name %>-content-object; }
127
+
128
+ .-<%= project_name %>-node-links {
129
+ li {
130
+ &.first { }
131
+ &.last { } } }
132
+
133
+ .-<%= project_name %>-node-sticky { }
134
+
135
+ .-<%= project_name %>-node-unpublished {
136
+ .unpublished { } }
137
+
138
+ .-<%= project_name %>-node-by-viewer { }
50
139
 
140
+ .-<%= project_name %>-node-preview { }
141
+
142
+ // Profile Components
143
+ .-<%= project_name %>-profile { }
144
+
145
+ .-<%= project_name %>-profile-picture { }
146
+
147
+ .-<%= project_name %>-profile-category-header { }
148
+
149
+ .-<%= project_name %>-profile-category-wrapper { }
150
+
151
+ .-<%= project_name %>-profile-field-label { }
152
+
153
+ .-<%= project_name %>-profile-field-value { }
154
+
155
+ // Block Elements
156
+ // Make a copy of these if you're looking for block diversity
51
157
  .-<%= project_name %>-h2 { }
158
+
52
159
  .-<%= project_name %>-h3 { }
160
+
53
161
  .-<%= project_name %>-p { }
162
+
54
163
  .-<%= project_name %>-li { }
55
164
 
56
165
  .-<%= project_name %>-ul {
@@ -66,72 +175,48 @@
66
175
  &:focus { }
67
176
  &:active { } }
68
177
 
69
- /* Content Elements */
70
-
71
- .-<%= project_name %>-h1 { }
178
+ // Node Elements
179
+ // These objects shouldn't appear outside of nodes, but you never know.
72
180
  .-<%= project_name %>-h4 { }
181
+
73
182
  .-<%= project_name %>-pre { }
183
+
74
184
  .-<%= project_name %>-code { }
185
+
75
186
  .-<%= project_name %>-blockquote { }
187
+
76
188
  .-<%= project_name %>-cite { }
189
+
77
190
  .-<%= project_name %>-table {
78
191
  caption { }
79
192
  tr {
193
+ &.odd { }
194
+ &.even { }
80
195
  th { }
81
196
  td { }
82
197
  thead & { }
83
198
  tfoot & { }
84
199
  tbody & { } } }
85
200
 
86
- /* Base Object */
87
-
88
- .-<%= project_name %>-base-object {
89
- .title { }
90
- .content { } }
91
-
92
- /* Helper Objects */
93
-
94
- .-<%= project_name %>-content-object {
95
- @extend .-base-object;
96
- h1 { @extend .-<%= project_name %>-h1; }
97
- h4 { @extend .-<%= project_name %>-h4; }
98
- code { @extend .-<%= project_name %>-code; }
99
- blockquote { @extend .-<%= project_name %>-blockquote; }
100
- table { @extend .-<%= project_name %>-table; }
201
+ // Content Classes
202
+ .-<%= project_name %>-node-content {
101
203
  h2 { @extend .-<%= project_name %>-h2; }
102
204
  h3 { @extend .-<%= project_name %>-h3; }
205
+ h4 { @extend .-<%= project_name %>-h4; }
103
206
  p { @extend .-<%= project_name %>-p; }
104
- li { @extend .-<%= project_name %>-li; }
105
207
  ul { @extend .-<%= project_name %>-ul; }
106
208
  ol { @extend .-<%= project_name %>-ol; }
209
+ li { @extend .-<%= project_name %>-li; }
210
+ table { @extend .-<%= project_name %>-table; }
211
+ code { @extend .-<%= project_name %>-code; }
212
+ blockquote { @extend .-<%= project_name %>-blockquote; }
107
213
  a { @extend .-<%= project_name %>-a; } }
108
214
 
109
- .-<%= project_name %>-block-object {
110
- @extend .-base-object;
111
- h2 { @extend .-<%= project_name %>-h2; }
215
+ .-<%= project_name %>-block-content {
112
216
  h3 { @extend .-<%= project_name %>-h3; }
217
+ h4 { @extend .-<%= project_name %>-h4; }
113
218
  p { @extend .-<%= project_name %>-p; }
114
- li { @extend .-<%= project_name %>-li; }
115
219
  ul { @extend .-<%= project_name %>-ul; }
116
220
  ol { @extend .-<%= project_name %>-ol; }
117
- a { @extend .-<%= project_name %>-a; } }
118
-
119
- /* Node Object */
120
-
121
- .-<%= project_name %>-node-object {
122
- .picture { }
123
- .title { }
124
- .meta { }
125
- .content { @extend .-content-object; }
126
- .links {
127
- li {
128
- &.first { }
129
- &.last { } } } }
130
-
131
- /* Profile Object */
132
- .-<%= project_name %>-profile-object {
133
- .picture { }
134
- h3 { } /* profile category header */
135
- dl { /* profile category wrapper */
136
- dt { } /*profile category label */
137
- dd { } /* profile category value */ } }
221
+ li { @extend .-<%= project_name %>-li; }
222
+ a { @extend .-<%= project_name %>-a; } }
@@ -1,84 +1,150 @@
1
1
  @import "drupal/zen";
2
2
  @import "<%= File.basename(config.project_path) %>-skin";
3
3
 
4
- // This variable controls the total width of the Zen theme.
5
- // You can use px for a Fixed layout or % for a Liquid layout
6
- $zen-width: 960px;
7
-
8
- // These variables control the size of the sidebars
9
- $zen-first-sidebar-width: 200px;
10
- $zen-second-sidebar-width: 200px;
11
-
12
- // This variable positions the content relative to the sidebars
13
- // Possible values are first, last, middle
14
- $zen-content-position: "middle";
4
+ // Map the zen variables to the skin variables
5
+ $zen-width: $<%= project_name %>-width;
6
+ $zen-first-sidebar-width: $<%= project_name %>-first-sidebar-width;
7
+ $zen-second-sidebar-width: $<%= project_name %>-second-sidebar-width;
8
+ $zen-content-position: $<%= project_name %>-content-position;
9
+ $zen-navigation-width: $<%= project_name %>-navigation-width;
10
+ $zen-navigation-height: $<%= project_name %>-navigation-height;
11
+ $zen-proportional-typeface: $<%= project_name %>-proportional-typeface;
12
+ $zen-monospaced-typeface: $<%= project_name %>-monospaced-typeface;
13
+ $zen-base-font-size: $<%= project_name %>-base-font-size: 14px;
15
14
 
16
15
  // Use this mixin to generate the Zen layout
17
- @include zen-layout();
18
-
19
- // These variables control the #navigation div
20
- $zen-navigation-width: 100%;
21
- $zen-navigation-height: 2.3em;
16
+ @include zen-layout;
22
17
 
23
18
  // Use this mixin to properly position the #navigation div
24
- @include zen-navigation();
19
+ @include zen-navigation;
25
20
 
26
- // These variables control the typefaces as defined in html-reset.css
27
- $zen-proportional-typeface: 'Verdana, Tahoma, "DejaVu Sans", sans-serif';
28
- $zen-monospaced-typeface: '"Courier New", "DejaVu Sans Mono", monospace';
21
+ //Use this mixin to set the typefaces
22
+ @include zen-typefaces;
29
23
 
30
- //Use this mixin to set the new typefaces
31
- @include zen-typefaces($zen-proportional-typeface, $zen-monospaced-typeface);
24
+ //Use this mixin to set the font sizes
25
+ @include zen-typography;
32
26
 
33
- body { }
27
+ body { @extend .-<%= project_name %>-body; }
34
28
 
35
- #skip-link { }
29
+ #skip-link { @extend .-<%= project_name %>-skip-link; }
36
30
 
37
31
  #page-wrapper {
32
+ @extend .-<%= project_name %>-page;
38
33
 
39
34
  /* Content */
40
35
 
41
36
  #content {
42
- #mission { }
43
- #breadcrumb { }
44
- .messages { }
37
+ #content-area { @extend .-<%= project_name %>-content-area; }
38
+ #mission { @extend .-<%= project_name %>-mission; }
39
+ #breadcrumb { @extend .-<%= project_name %>-breadcrumb; }
40
+ .messages {
41
+ &.status { @extend .-<%= project_name %>-messages-status; }
42
+ &.warning { @extend .-<%= project_name %>-messages-warning; }
43
+ &.error { @extend .-<%= project_name %>-messages-error; }
44
+ &.help { @extend .-<%= project_name %>-messages-help; } }
45
45
  .tabs {
46
- .primary { }
47
- .secondary { } }
48
- .feed-icons { } }
46
+ @extend .-<%= project_name %>-tabs;
47
+ .primary { @extend .-<%= project_name %>-primary-tabs; }
48
+ .secondary { @extend .-<%= project_name %>-secondary-tabs; } }
49
+ .feed-icons { }
50
+
51
+ /* Nodes */
52
+
53
+ .node {
54
+ @extend .-<%= project_name %>-node;
55
+ .picture { @extend .-<%= project_name %>-node-picture; }
56
+ .title { @extend .-<%= project_name %>-node-title; }
57
+ .meta {
58
+ @extend .-<%= project_name %>-node-meta;
59
+ .submitted { @extend .-<%= project_name %>-node-submitted; }
60
+ .terms { @extend .-<%= project_name %>-node-terms; } }
61
+ .content { @extend .-<%= project_name %>-node-content; }
62
+ .links {@extend .-<%= project_name %>-node-links; }
63
+ &.node-sticky { @extend .-<%= project_name %>-node-sticky; }
64
+ &.node-unpublished { @extend .-<%= project_name %>-node-unpublished; }
65
+ &.node-by-viewer { @extend .-<%= project_name %>-node-by-viewer; }
66
+ .preview & { @extend .-<%= project_name %>-node-preview; } }
67
+
68
+ /* Profiles */
69
+
70
+ .profile {
71
+ @extend .-<%= project_name %>-profile;
72
+ .picture { @extend .-<%= project_name %>-profile-picture; }
73
+ h3 { @extend .-<%= project_name %>-profile-category-title; } /* profile category header */
74
+ dl { @extend .-<%= project_name %>-profile-category-wrapper; /* profile category wrapper */
75
+ dt { @extend .-<%= project_name %>-profile-field-label; } /* profile category label */
76
+ dd { @extend .-<%= project_name %>-profile;-field-value; } } } /* profile category value */
77
+
78
+ }
49
79
 
50
80
  /* Regions */
51
81
 
52
- .region-sidebar-first & {
53
- .block { } }
54
-
55
- .region-sidebar-first & {
56
- .block { } }
57
-
58
- .region-navigation & {
59
- #main-menu { }
60
- .block { } }
61
-
62
- .region-highlight & {
63
- .block { } }
64
-
65
- .region-content-top & {
66
- .block { } }
67
-
68
- .region-content-bottom & {
69
- .block { } }
70
-
71
- .region-header & {
72
- #logo { }
73
- #name-and-slogan { }
74
- .block { } }
75
-
76
- .region-footer & {
77
- #secondary-menu { }
78
- #footer-message { }
79
- .block { } }
80
-
81
- .region-page-closure & {
82
- .block { } }
82
+ .region-sidebar-first {
83
+ .block {
84
+ @extend .-<%= project_name %>-block;
85
+ .title { @extend .-<%= project_name %>-block-title; }
86
+ .content { @extend .-<%= project_name %>-block-content; }
87
+ &.odd { }
88
+ &.even { } } }
89
+
90
+ .region-sidebar-second {
91
+ .block {
92
+ @extend .-<%= project_name %>-block;
93
+ .title { @extend .-<%= project_name %>-block-title; }
94
+ .content { @extend .-<%= project_name %>-block-content; }
95
+ &.odd { }
96
+ &.even { } } }
97
+
98
+ .region-navigation {
99
+ #main-menu {
100
+ @extend .-<%= project_name %>-menu;
101
+ > li.expanded > ul.menu { @extend .-<%= project_name %>-submenu; } }
102
+ .block { @extend .-<%= project_name %>-block;
103
+ .title { @extend .-<%= project_name %>-block-title; }
104
+ .content { @extend .-<%= project_name %>-block-content; } } }
105
+
106
+ .region-highlight {
107
+ .block {
108
+ @extend .-<%= project_name %>-block;
109
+ .title { @extend .-<%= project_name %>-block-title; }
110
+ .content { @extend .-<%= project_name %>-block-content; } } }
111
+
112
+ .region-content-top {
113
+ .block {
114
+ @extend .-<%= project_name %>-block;
115
+ .title { @extend .-<%= project_name %>-block-title; }
116
+ .content { @extend .-<%= project_name %>-block-content; } } }
117
+
118
+ .region-content-bottom {
119
+ .block {
120
+ @extend .-<%= project_name %>-block;
121
+ .title { @extend .-<%= project_name %>-block-title; }
122
+ .content { @extend .-<%= project_name %>-block-content; } } }
123
+
124
+ .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
+ .block {
132
+ @extend .-<%= project_name %>-block;
133
+ .title { @extend .-<%= project_name %>-block-title; }
134
+ .content { @extend .-<%= project_name %>-block-content; } } }
135
+
136
+ .region-footer {
137
+ #secondary-menu { @extend .-<%= project_name %>-menu; }
138
+ #footer-message { @extend .-<%= project_name %>-footer-message; }
139
+ .block {
140
+ @extend .-<%= project_name %>-block;
141
+ .title { @extend .-<%= project_name %>-block-title; }
142
+ .content { @extend .-<%= project_name %>-block-content; } } }
143
+
144
+ .region-page-closure {
145
+ .block {
146
+ @extend .-<%= project_name %>-block;
147
+ .title { @extend .-<%= project_name %>-block-title; }
148
+ .content { @extend .-<%= project_name %>-block-content; } } }
83
149
 
84
150
  }
metadata CHANGED
@@ -1,15 +1,15 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: compass-drupal-plugin
3
3
  version: !ruby/object:Gem::Version
4
- hash: 592302975
4
+ hash: 62196353
5
5
  prerelease: true
6
6
  segments:
7
7
  - 0
8
8
  - 2
9
9
  - 0
10
- - alpha
10
+ - beta
11
11
  - 1
12
- version: 0.2.0.alpha.1
12
+ version: 0.2.0.beta.1
13
13
  platform: ruby
14
14
  authors:
15
15
  - Capi /. Etheriel
@@ -17,7 +17,7 @@ autorequire:
17
17
  bindir: bin
18
18
  cert_chain: []
19
19
 
20
- date: 2010-12-01 00:00:00 -02:00
20
+ date: 2010-12-15 00:00:00 -02:00
21
21
  default_executable:
22
22
  dependencies:
23
23
  - !ruby/object:Gem::Dependency