compass-aurora 1.0.1 → 1.0.2

Sign up to get free protection for your applications and to get access to all the features.
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';