compass-aurora 1.0.1 → 1.0.2

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/lib/aurora.rb CHANGED
@@ -7,6 +7,6 @@ extension_path = File.expand_path(File.join(File.dirname(__FILE__), ".."))
7
7
  Compass::Frameworks.register('aurora', :path => extension_path)
8
8
 
9
9
  module Aurora
10
- VERSION = "1.0.1"
11
- DATE = "2012-11-10"
12
- end
10
+ VERSION = "1.0.2"
11
+ DATE = "2012-11-12"
12
+ end
@@ -1,2 +1,2 @@
1
1
  @import '../aurora';
2
- @import 'susy';
2
+ @import 'susy';
@@ -0,0 +1,24 @@
1
+ // Base Partials
2
+ //
3
+ // These files will be shared across all three of your output CSS files.
4
+ // Generally included here are only Compass Extension imports and imports
5
+ // for variables, functions, mixins, and extendables.
6
+
7
+ // Compass Extensions
8
+ //
9
+ // Put an extra compass extensions here. Aurora already puts in respond-to,
10
+ // susy, toolkit, breakpoint, sassy-buttons, and compass-normalize
11
+
12
+ @import 'aurora/susy-grid';
13
+
14
+
15
+
16
+ // Private Imports
17
+ //
18
+ // Any other imports to add. Normally, these do not include any css, but just
19
+ // functions, variables, etc. to be used by other files.
20
+
21
+ @import 'variables';
22
+ @import 'functions';
23
+ @import 'mixins';
24
+ @import 'extendables';
File without changes
@@ -0,0 +1,6 @@
1
+ /**
2
+ * Design partials: A place to put your specific design partials.
3
+ */
4
+
5
+ // @import 'defaults';
6
+
File without changes
@@ -2,6 +2,9 @@
2
2
  * Global partials: Typography, forms, site-wide changes.
3
3
  */
4
4
 
5
+ // We import normalize.css here, so that it inherits the variables already set.
6
+ @import 'normalize';
7
+
5
8
  @import 'defaults';
6
9
  @import 'type';
7
10
  @import 'forms';
@@ -0,0 +1,139 @@
1
+ /**
2
+ * Typography: Headings, body text, lists, code, and more for a versatile and durable typography system.
3
+ */
4
+
5
+ body {
6
+ font-family: $font-body;
7
+ font-size: $base-font-size;
8
+ line-height: $base-line-height;
9
+ }
10
+
11
+
12
+ // Headings
13
+ //
14
+ // To achieve a pleasant vertical rhythm, we use Compass' Vertical Rhythm mixins
15
+ // so that the line height of our base font becomes the basic unit of vertical
16
+ // measurement. We use multiples of that unit to set the top and bottom margins
17
+ // for our block level elements and to set the line heights of any fonts.
18
+ // For more information, see http://24ways.org/2006/compose-to-a-vertical-rhythm
19
+
20
+ #{headings()} {
21
+
22
+ }
23
+
24
+ h1 {
25
+ // Sets the font-size and line-height while keeping a proper vertical rhythm.
26
+ @include adjust-font-size-to( $h1-font-size );
27
+
28
+ // Sets 1 unit of vertical rhythm on the top and bottom margins.
29
+ @include leader(1, $h1-font-size);
30
+ @include trailer(1, $h1-font-size);
31
+ }
32
+
33
+ h2 {
34
+ @include adjust-font-size-to( $h2-font-size );
35
+ @include leader(1, $h2-font-size);
36
+ @include trailer(1, $h2-font-size);
37
+ }
38
+
39
+ h3 {
40
+ @include adjust-font-size-to( $h3-font-size );
41
+ @include leader(1, $h3-font-size);
42
+ @include trailer(1, $h3-font-size);
43
+ }
44
+
45
+ h4 {
46
+ @include adjust-font-size-to( $h4-font-size );
47
+ @include leader(1, $h4-font-size);
48
+ @include trailer(1, $h4-font-size);
49
+ }
50
+
51
+ h5 {
52
+ @include adjust-font-size-to( $h5-font-size );
53
+ @include leader(1, $h5-font-size);
54
+ @include trailer(1, $h5-font-size);
55
+ }
56
+
57
+ h6 {
58
+ @include adjust-font-size-to( $h6-font-size );
59
+ @include leader(1, $h6-font-size);
60
+ @include trailer(1, $h6-font-size);
61
+ }
62
+
63
+
64
+ // Links
65
+ //
66
+ // The order of link states are based on Eric Meyer's article:
67
+ // http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
68
+ a {
69
+
70
+ &:link {
71
+ color: $link;
72
+ }
73
+
74
+ &:visited {
75
+ color: $visited;
76
+ }
77
+
78
+ &:hover, &:focus {
79
+
80
+ }
81
+
82
+ &:active, &.active {
83
+
84
+ }
85
+ }
86
+
87
+
88
+ // Lists
89
+
90
+ ul, ol {
91
+
92
+ }
93
+
94
+ ul ul,
95
+ ul ol,
96
+ ol ol,
97
+ ol ul {
98
+ margin-bottom: 0;
99
+ }
100
+
101
+ ul {
102
+
103
+ }
104
+
105
+ ol {
106
+
107
+ }
108
+
109
+ li {
110
+
111
+ }
112
+
113
+ ul.unstyled,
114
+ ol.unstyled {
115
+
116
+ }
117
+
118
+ // Misc.
119
+
120
+ hr {
121
+ height: 1px;
122
+ border: 1px solid #666;
123
+ padding-bottom: -1px;
124
+ margin: rhythm(1) 0;
125
+ }
126
+
127
+ strong {
128
+ font-weight: bold;
129
+ }
130
+
131
+ em {
132
+ font-style: italic;
133
+ }
134
+
135
+
136
+ // Remove text-shadow in selection highlight: h5bp.com/i
137
+ // These selection declarations have to be separate
138
+ ::-moz-selection { background: $selection-bg; color: $selection; text-shadow: none; }
139
+ ::selection { background: $selection-bg; color: $selection; text-shadow: none; }
@@ -1,11 +1,8 @@
1
- ////////////////////////
2
1
  // Variables Partials
3
2
  //
4
3
  // All of your variables should go in this file.
5
- ////////////////////////
6
4
 
7
5
 
8
- //
9
6
  // Legacy IE support
10
7
  //
11
8
  // These variables are used by many mixins to add additional CSS to support
@@ -13,18 +10,16 @@
13
10
  //
14
11
  // To turn on support for IE6 or IE7, set those variables to true.
15
12
  //
16
- // Zen does not require special handling for IE8 or later. But Compass uses that
17
- // variable for a couple edge cases. We include it for completeness sake. See
18
- // the documentation at http://compass-style.org/reference/compass/support/
13
+ // These variables are used throughout compass, but specifically within the
14
+ // compass-normalize extension.
15
+ // /
19
16
  $legacy-support-for-ie6: false;
20
17
  $legacy-support-for-ie7: false;
21
18
  $legacy-support-for-ie8: true;
22
19
 
23
20
 
24
- //
25
21
  // Font faces, stacks and sizes.
26
22
  //
27
-
28
23
  // Compass' vertical_rhythm extension is a powerful tool to set up a vertical
29
24
  // rhythm for your entire page. You can see some of its mixins and functions in
30
25
  // use in the normalize.scss file.
@@ -144,10 +139,9 @@ $show-grid-backgrounds : false;
144
139
  // @see https://github.com/Snugug/respond-to/blob/master/README.md
145
140
  // @see https://github.com/canarymason/breakpoint/blob/master/README.markdown
146
141
 
147
- $breakpoints: 'smartphone' (300px),
148
- 'smartphone landscape' (480px),
149
- 'tablet' (768px),
150
- 'desktop' (980px),
151
- 'smartphone only' (320px 767px),
152
- 'smartphone landscape only' (480px 767px),
153
- 'tablet only' (768px 979px);
142
+ // $sample-breakpoints: "small-ish" (300px),
143
+ // "medium-ish" (460px),
144
+ // "large-ish" (770px),
145
+ // "extra-large-ish" (1000px);
146
+
147
+ $breakpoints: '';
@@ -15,9 +15,7 @@
15
15
  // Other partial import
16
16
  ////////////////////////
17
17
  @import 'partials/global/global';
18
- @import 'partials/page/header';
19
- @import 'partials/page/content';
20
- @import 'partials/page/footer';
18
+
21
19
 
22
20
  // Code specifically for the maintenance page.
23
21
 
@@ -27,40 +27,33 @@ file '_defaults.scss', :like => :stylesheet, :to => 'partials/global/_defaults.
27
27
  file '_forms.scss', :like => :stylesheet, :to => 'partials/global/_forms.scss'
28
28
  file '_type.scss', :like => :stylesheet, :to => 'partials/global/_type.scss'
29
29
 
30
- # Page-based partials: For site-structure-based content.
31
- file '_page.scss', :like => :stylesheet, :to => 'partials/page/_page.scss'
32
- file '_header.scss', :like => :stylesheet, :to => 'partials/page/_header.scss'
33
- file '_content.scss', :like => :stylesheet, :to => 'partials/page/_content.scss'
34
- file '_sidebar_first.scss', :like => :stylesheet, :to => 'partials/page/_sidebar_first.scss'
35
- file '_sidebar_second.scss', :like => :stylesheet, :to => 'partials/page/_sidebar_second.scss'
36
- file '_comment.scss', :like => :stylesheet, :to => 'partials/page/_comment.scss'
37
- file '_footer.scss', :like => :stylesheet, :to => 'partials/page/_footer.scss'
38
-
39
- # Node-base partials: For node-content types.
40
- file '_node.scss', :like => :stylesheet, :to => 'partials/node/_node.scss'
41
- file '_basic_page.scss', :like => :stylesheet, :to => 'partials/node/_basic_page.scss'
42
-
43
- # View-based partials: For specific views.
44
- file '_view.scss', :like => :stylesheet, :to => 'partials/view/_view.scss'
45
-
46
- # Helpful read-mes for n00bs.
47
- file 'README_SASS.md', :like => :stylesheet, :to => 'partials/README.md'
48
- file 'README_PARTIALS.md', :like => :stylesheet, :to => 'README.md'
30
+ # Design partial: Just a place for design elements to be put in.
31
+ file '_design.scss', :like => :stylesheet, :to => 'partials/design/_design.scss'
32
+
33
+ # Add in READMEs for n00bs.
34
+ file '../shared/README-Sass.md', :like => :stylesheet, :to => 'README.md'
35
+ file '../shared/README-Partials.md', :like => :stylesheet, :to => 'partials/README.md'
49
36
 
50
37
  # JavaScript
51
38
  file '../shared/hammer.js', :like => :javascript, :to => 'hammer.js'
52
39
  file '../shared/loader.js', :like => :javascript, :to => 'loader.js'
53
40
  file '../shared/modernizr-2.5.3.js', :like => :javascript, :to => 'modernizr-2.5.3.js'
54
41
 
42
+ # Git
43
+ file '../shared/gitignore.txt', :to => ".gitignore", :erb => true
44
+
45
+ # Template file folder
46
+ file '../shared/README-templates.md', :to => "tpl/README.md", :erb => true
47
+
55
48
  help %Q{
56
- Please contact Sam Richard with questions:
49
+ Please contact Ian Carrico with questions:
57
50
 
58
- sam@snug.ug
51
+ ian@iancarrico.com
59
52
  }
60
53
 
61
54
  welcome_message %Q{
62
55
 
63
56
  Aurora Base Theme using Susy.
64
-
57
+
65
58
  }
66
59
 
File without changes
@@ -17,17 +17,7 @@
17
17
  @import 'partials/global/global';
18
18
 
19
19
  ////////////////////////
20
- // Import Page Stylings
20
+ // Import Design Stylings
21
21
  ////////////////////////
22
- @import 'partials/page/page';
23
-
24
- ////////////////////////
25
- // Import Node Stylings
26
- ////////////////////////
27
- @import 'partials/node/node';
28
-
29
- ////////////////////////
30
- // Import View Stylings
31
- ////////////////////////
32
- @import 'partials/view/view';
22
+ @import 'partials/design/design';
33
23
 
@@ -0,0 +1,3 @@
1
+ # Drupal Custom Template Folder
2
+
3
+ Put any templates to override the Aurora templates in this folder.
@@ -0,0 +1 @@
1
+ .sass-cache/
metadata CHANGED
@@ -5,8 +5,8 @@ version: !ruby/object:Gem::Version
5
5
  segments:
6
6
  - 1
7
7
  - 0
8
- - 1
9
- version: 1.0.1
8
+ - 2
9
+ version: 1.0.2
10
10
  platform: ruby
11
11
  authors:
12
12
  - Sam Richard
@@ -15,7 +15,7 @@ autorequire:
15
15
  bindir: bin
16
16
  cert_chain: []
17
17
 
18
- date: 2012-11-10 00:00:00 -05:00
18
+ date: 2012-11-12 00:00:00 -05:00
19
19
  default_executable:
20
20
  dependencies:
21
21
  - !ruby/object:Gem::Dependency
@@ -89,28 +89,17 @@ files:
89
89
  - stylesheets/_aurora.scss
90
90
  - stylesheets/aurora/_singularity-grid.scss
91
91
  - stylesheets/aurora/_susy-grid.scss
92
- - templates/parmesan/_base.scss
93
- - templates/parmesan/_basic_page.scss
94
- - templates/parmesan/_comment.scss
95
- - templates/parmesan/_content.scss
96
- - templates/parmesan/_defaults.scss
97
- - templates/parmesan/_footer.scss
98
- - templates/parmesan/_forms.scss
99
- - templates/parmesan/_global.scss
100
- - templates/parmesan/_header.scss
101
- - templates/parmesan/_node.scss
102
- - templates/parmesan/_page.scss
103
- - templates/parmesan/_sidebar_first.scss
104
- - templates/parmesan/_sidebar_second.scss
105
- - templates/parmesan/_type.scss
106
- - templates/parmesan/_variables.scss
107
- - templates/parmesan/_view.scss
108
- - templates/parmesan/maintenance.scss
109
- - templates/parmesan/manifest.rb
110
- - templates/parmesan/print.scss
111
- - templates/parmesan/README_PARTIALS.md
112
- - templates/parmesan/README_SASS.md
113
- - templates/parmesan/style.scss
92
+ - templates/corona/_base.scss
93
+ - templates/corona/_defaults.scss
94
+ - templates/corona/_design.scss
95
+ - templates/corona/_forms.scss
96
+ - templates/corona/_global.scss
97
+ - templates/corona/_type.scss
98
+ - templates/corona/_variables.scss
99
+ - templates/corona/maintenance.scss
100
+ - templates/corona/manifest.rb
101
+ - templates/corona/print.scss
102
+ - templates/corona/style.scss
114
103
  - templates/project/_base.scss
115
104
  - templates/project/manifest.rb
116
105
  - templates/shared/_design.scss
@@ -126,10 +115,13 @@ files:
126
115
  - templates/shared/_variables.scss
127
116
  - templates/shared/aurora.info.erb
128
117
  - templates/shared/config.rb.erb
118
+ - templates/shared/gitignore.txt
129
119
  - templates/shared/hammer.js
130
120
  - templates/shared/loader.js
131
121
  - templates/shared/modernizr-2.5.3.js
122
+ - templates/shared/README-Partials.md
132
123
  - templates/shared/README-Sass.md
124
+ - templates/shared/README-templates.md
133
125
  - templates/shared/style.scss
134
126
  - templates/shared/template.php.erb
135
127
  - templates/singularity/_base.scss
@@ -1,55 +0,0 @@
1
- ABOUT SASS AND COMPASS
2
- ----------------------
3
-
4
- Sass is a language that is just normal CSS plus some extra features, like
5
- variables, nested rules, math, mixins, etc. If your stylesheets are written in
6
- Sass, helper applications can convert them to standard CSS so that you can
7
- include the CSS in the normal ways with your theme.
8
-
9
- To learn more about Sass, visit: http://sass-lang.com
10
-
11
- Compass is a helper library for Sass. It includes libraries of shared mixins, a
12
- package manager to add additional extension libraries, and an executable that
13
- can easily convert Sass files into CSS.
14
-
15
- To learn more about Compass, visit: http://compass-style.org
16
-
17
-
18
- DEVELOPING WITH SASS AND COMPASS
19
- --------------------------------
20
-
21
- To automatically generate the CSS versions of the scss while you are doing theme
22
- development, you'll need to tell Compass to "watch" the sass directory so that
23
- any time a .scss file is changed it will automatically place a generated CSS
24
- file into your sub-theme's css directory:
25
-
26
- compass watch <path to your sub-theme's directory>
27
-
28
- If you are already in the root of your sub-theme's directory, you can simply
29
- type: compass watch
30
-
31
- While using generated CSS with Firebug, the line numbers it reports will be
32
- wrong since it will be showing the generated CSS file's line numbers and not the
33
- line numbers of the source Sass files. To correct this problem, you can install
34
- the FireSass plug-in into Firefox and then edit your sub-theme's config.rb file
35
- to set: firesass = true
36
- https://addons.mozilla.org/en-US/firefox/addon/firesass-for-firebug/
37
-
38
-
39
- MOVING YOUR CSS TO PRODUCTION
40
- -----------------------------
41
-
42
- Once you have finished your sub-theme development and are ready to move your CSS
43
- files to your production server, you'll need to tell sass to update all your CSS
44
- files and to compress them (to improve performance). Note: the Compass command
45
- will only generate CSS for .scss files that have recently changed; in order to
46
- force it to regenerate all the CSS files, you can use the Compass' clean command
47
- to delete all the generated CSS files.
48
-
49
- - Delete all CSS files by running: compass clean
50
- - Edit the config.rb file in your theme's directory and uncomment this line by
51
- deleting the "#" from the beginnning:
52
- #environment = :production
53
- - Regenerate all the CSS files by running: compass compile
54
-
55
- And don't forget to turn on Drupal's CSS aggregation. :-)
@@ -1,28 +0,0 @@
1
- ////////////////////////
2
- // Base Partials
3
- //
4
- // These files will be shared across all three of your output
5
- // CSS files. Generally included here are only Compass Extension
6
- // imports and imports for variables, functions, mixins, and extendables.
7
- ////////////////////////
8
-
9
- ////////////////////////
10
- // Compass Imports
11
- //
12
- // Aurora includes @import 'compass' so you don't need to.
13
- ////////////////////////
14
-
15
- ////////////////////////
16
- // Compass Extensions
17
- //
18
- // Aurora includes Toolkit, Breakpoint, Respond-to, Sassy Buttons, and Susy
19
- ////////////////////////
20
- @import 'aurora/susy-grid';
21
-
22
- ////////////////////////
23
- // Private Imports
24
- ////////////////////////
25
- @import 'variables';
26
- @import 'functions';
27
- @import 'mixins';
28
- @import 'extendables';
@@ -1,10 +0,0 @@
1
- /**
2
- * Basic Page node type partial.
3
- */
4
-
5
- .node-basic-page {
6
-
7
- &.node-teaser {
8
-
9
- }
10
- }
@@ -1,6 +0,0 @@
1
- /**
2
- * Comment area SASS partial.
3
- */
4
-
5
-
6
-
@@ -1,9 +0,0 @@
1
- /**
2
- * Content area SASS partial.
3
- */
4
-
5
- #main {
6
- #content {
7
-
8
- }
9
- }
@@ -1,7 +0,0 @@
1
- /**
2
- * Footer area SASS partial.
3
- */
4
-
5
- footer {
6
-
7
- }
@@ -1,7 +0,0 @@
1
- /**
2
- * Header area SASS partial.
3
- */
4
-
5
- header {
6
-
7
- }
@@ -1,6 +0,0 @@
1
- /**
2
- * Node partials: Partials for each node type within Drupal.
3
- */
4
-
5
-
6
- @import 'basic_page';
@@ -1,11 +0,0 @@
1
- /**
2
- * Page partials: Parts of site found in page.tpl.php.
3
- */
4
-
5
-
6
- @import 'header';
7
- @import 'content';
8
- @import 'sidebar_first';
9
- @import 'sidebar_second';
10
- @import 'comment';
11
- @import 'footer';
@@ -1,7 +0,0 @@
1
- /**
2
- * Sidebar first SASS partial.
3
- */
4
-
5
- #sidebar-first {
6
-
7
- }
@@ -1,7 +0,0 @@
1
- /**
2
- * Sidebar second SASS partial.
3
- */
4
-
5
- #sidebar-second {
6
-
7
- }
@@ -1,125 +0,0 @@
1
- /**
2
- * Typography: Headings, body text, lists, code, and more for a versatile and durable typography system.
3
- */
4
-
5
- body {
6
- font-family: $font-body;
7
- font-size: $base-font-size;
8
- line-height: $base-line-height;
9
- }
10
-
11
- /* =============================================================================
12
- Typography
13
-
14
- Note: Normalize already sets the font sizes, use this to override
15
- ========================================================================== */
16
-
17
- // Helper for all headings.
18
- #{headings()} {
19
-
20
- }
21
-
22
- h1 {
23
- }
24
-
25
- h2 {
26
- }
27
-
28
- h3 {
29
- }
30
-
31
- h4 {
32
- }
33
-
34
- h5 {
35
- }
36
-
37
- h6 {
38
- }
39
-
40
- /* =============================================================================
41
- Links
42
-
43
- The order of link states are based on Eric Meyer's article:
44
- http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
45
- ========================================================================== */
46
- a {
47
-
48
- &:link {
49
- color: $link;
50
- }
51
-
52
- &:visited {
53
- color: $visited;
54
- }
55
-
56
- &:hover, &:focus {
57
-
58
- }
59
-
60
- &:active, &.active {
61
-
62
- }
63
- }
64
-
65
-
66
- /* =============================================================================
67
- Lists
68
- ========================================================================== */
69
-
70
- ul, ol {
71
-
72
- }
73
-
74
- ul ul,
75
- ul ol,
76
- ol ol,
77
- ol ul {
78
- margin-bottom: 0;
79
- }
80
-
81
- ul {
82
-
83
- }
84
-
85
- ol {
86
-
87
- }
88
-
89
- li {
90
-
91
- }
92
-
93
- ul.unstyled,
94
- ol.unstyled {
95
-
96
- }
97
-
98
- /* =============================================================================
99
- Misc.
100
- ========================================================================== */
101
-
102
- // Horizontal rules
103
-
104
- hr {
105
- height: 1px;
106
- border: 1px solid #666;
107
- padding-bottom: -1px;
108
- margin: rhythm(1) 0;
109
- }
110
-
111
- // Emphasis
112
-
113
- strong {
114
- font-weight: bold;
115
- }
116
-
117
- em {
118
- font-style: italic;
119
- }
120
-
121
- // Selection text
122
- // Note: Text shadow, background and color have all been set within normalize.
123
-
124
- ::selection {}
125
- ::-moz-selection {}
@@ -1,6 +0,0 @@
1
- /**
2
- * View partials: Partials for styling nodes.
3
- */
4
-
5
-
6
- // @import 'view_name';