compass-aurora-os 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (68) hide show
  1. data/lib/aurora-os.rb +12 -0
  2. data/stylesheets/_aurora.scss +5 -0
  3. data/stylesheets/aurora/_singularity-grid.scss +2 -0
  4. data/stylesheets/aurora/_susy-grid.scss +2 -0
  5. data/stylesheets/aurora/_system.scss +24 -0
  6. data/stylesheets/drupal/_system.scss +19 -0
  7. data/stylesheets/drupal/_vertical-tabs.scss +196 -0
  8. data/templates/arcturus/arcturus.info.erb +69 -0
  9. data/templates/arcturus/manifest.rb +44 -0
  10. data/templates/arcturus/partials/global/_base.scss +24 -0
  11. data/templates/arcturus/partials/layouts/_layouts.scss +6 -0
  12. data/templates/arcturus/partials/modules/_modules.scss +6 -0
  13. data/templates/arcturus/partials/states/_states.scss +6 -0
  14. data/templates/arcturus/partials/styleguide/_style-guide.scss +19 -0
  15. data/templates/arcturus/print.scss +16 -0
  16. data/templates/arcturus/style.scss +41 -0
  17. data/templates/arcturus/template.php.erb +177 -0
  18. data/templates/bower/manifest.rb +20 -0
  19. data/templates/box-sizing/README-behaviors.md +4 -0
  20. data/templates/box-sizing/behaviors/box-sizing/boxsizing.htc +399 -0
  21. data/templates/box-sizing/behaviors/box-sizing/boxsizing.php +23 -0
  22. data/templates/box-sizing/manifest.rb +5 -0
  23. data/templates/corona/maintenance.scss +29 -0
  24. data/templates/corona/manifest.rb +47 -0
  25. data/templates/corona/partials/_base.scss +31 -0
  26. data/templates/corona/partials/_variables.scss +137 -0
  27. data/templates/corona/partials/design/_design.scss +4 -0
  28. data/templates/corona/partials/global/_defaults.scss +3 -0
  29. data/templates/corona/partials/global/_forms.scss +62 -0
  30. data/templates/corona/partials/global/_global.scss +11 -0
  31. data/templates/corona/partials/global/_type.scss +124 -0
  32. data/templates/corona/print.scss +16 -0
  33. data/templates/corona/style.scss +21 -0
  34. data/templates/grunt/manifest.rb +23 -0
  35. data/templates/polaris/manifest.rb +46 -0
  36. data/templates/polaris/partials/global/_base.scss +24 -0
  37. data/templates/polaris/partials/layouts/_layouts.scss +6 -0
  38. data/templates/polaris/partials/modules/_modules.scss +6 -0
  39. data/templates/polaris/partials/states/_states.scss +6 -0
  40. data/templates/polaris/partials/styleguide/_style-guide.scss +19 -0
  41. data/templates/polaris/print.scss +16 -0
  42. data/templates/polaris/style.scss +39 -0
  43. data/templates/project/manifest.rb +46 -0
  44. data/templates/project/partials/design/_design.scss +8 -0
  45. data/templates/project/partials/global/_base.scss +22 -0
  46. data/templates/project/partials/layout/_layout.scss +8 -0
  47. data/templates/project/partials/styleguide/_style-guide.scss +18 -0
  48. data/templates/project/print.scss +16 -0
  49. data/templates/project/style.scss +34 -0
  50. data/templates/shared/Gemfile.txt +16 -0
  51. data/templates/shared/Gruntfile.js.erb +159 -0
  52. data/templates/shared/README-Partials.md +82 -0
  53. data/templates/shared/README-Sass.md +77 -0
  54. data/templates/shared/README-templates.md +3 -0
  55. data/templates/shared/_extendables.scss +22 -0
  56. data/templates/shared/_functions.scss +5 -0
  57. data/templates/shared/_mixins.scss +5 -0
  58. data/templates/shared/_variables.scss +5 -0
  59. data/templates/shared/aurora.info.erb +69 -0
  60. data/templates/shared/bowerrc.txt +3 -0
  61. data/templates/shared/component.json.erb +8 -0
  62. data/templates/shared/config.rb.erb +40 -0
  63. data/templates/shared/editorconfig.txt +21 -0
  64. data/templates/shared/gitignore.txt +2 -0
  65. data/templates/shared/jshintrc.txt +24 -0
  66. data/templates/shared/package.json.erb +19 -0
  67. data/templates/shared/template.php.erb +180 -0
  68. metadata +229 -0
data/lib/aurora-os.rb ADDED
@@ -0,0 +1,12 @@
1
+ require 'compass'
2
+ require 'toolkit'
3
+ require 'sassy-buttons'
4
+ require 'compass-normalize'
5
+
6
+ extension_path = File.expand_path(File.join(File.dirname(__FILE__), ".."))
7
+ Compass::Frameworks.register('aurora-os', :path => extension_path)
8
+
9
+ module Aurora_OS
10
+ VERSION = "0.1.0"
11
+ DATE = "2013-11-21"
12
+ end
@@ -0,0 +1,5 @@
1
+ //////////////////////////////
2
+ // Drupal Imports
3
+ //////////////////////////////
4
+ @import "drupal/system";
5
+ @import "drupal/vertical-tabs";
@@ -0,0 +1,2 @@
1
+ @import '../aurora';
2
+ @import 'singularitygs';
@@ -0,0 +1,2 @@
1
+ @import '../aurora';
2
+ @import 'susy';
@@ -0,0 +1,24 @@
1
+ /**
2
+ * A Sass partial to replace the Drupal 7 core css.
3
+ *
4
+ * Note: This is as of yet incomplete, and therefore we are not adding it
5
+ * by default within the css files.
6
+ */
7
+
8
+ .element-invisible {
9
+ position: absolute !important;
10
+ clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
11
+ clip: rect(1px, 1px, 1px, 1px);
12
+ overflow: hidden;
13
+ height: 1px;
14
+
15
+ &.element-focusable:active,
16
+ &.element-focusable:focus {
17
+ position: static !important;
18
+ clip: auto;
19
+ overflow: visible;
20
+ height: auto;
21
+ }
22
+ }
23
+
24
+
@@ -0,0 +1,19 @@
1
+ @import "toolkit/clearfix";
2
+
3
+ .element-invisible {
4
+ position: absolute !important;
5
+ overflow: hidden;
6
+ height: 1px;
7
+
8
+ &.element-focusable:active,
9
+ &.element-focusable:focus {
10
+ position: static !important;
11
+ clip: auto;
12
+ overflow: visible;
13
+ height: auto;
14
+ }
15
+ }
16
+
17
+ .clearfix {
18
+ @include clearfix($extend: true);
19
+ }
@@ -0,0 +1,196 @@
1
+ @import "toolkit/box-sizing";
2
+ @import "toolkit/colors";
3
+ @import "toolkit/equal-height-columns";
4
+ @import "breakpoint";
5
+
6
+ @mixin vertical-tabs($tab-bkg: #f2f2f2, $tab-width: 240px, $main-bkg: #fff, $break: 735px, $border: 1px solid #ccc) {
7
+
8
+ $bkpt: 'min-width' $break;
9
+ $widths: $tab-width, 100%;
10
+ $colors: $tab-bkg, $main-bkg;
11
+
12
+ .vertical-tabs {
13
+ @include box-sizing('border-box');
14
+
15
+ background: $main-bkg;
16
+ @include breakpoint($bkpt) {
17
+ [dir="ltr"] & {
18
+ @include equal-height-columns($widths, $colors);
19
+ }
20
+ [dir="rtl"] & {
21
+ @include equal-height-columns($widths, $colors, right);
22
+ }
23
+ }
24
+
25
+
26
+ border: $border;
27
+ margin: 0;
28
+ position: relative;
29
+
30
+ * {
31
+ @include box-sizing('border-box');
32
+ }
33
+ }
34
+
35
+ .vertical-tabs-pane {
36
+ border: 0;
37
+ padding: 0;
38
+ margin: 0;
39
+
40
+ @include breakpoint($bkpt) {
41
+ width: 100%;
42
+ clear: both;
43
+ }
44
+
45
+
46
+ legend {
47
+ display: none;
48
+ }
49
+
50
+ fieldset legend {
51
+ display: block;
52
+ }
53
+
54
+ .fieldset-wrapper {
55
+ padding-top: 0.3125em;
56
+ }
57
+ }
58
+
59
+ .vertical-tabs-list {
60
+ [dir="ltr"] & {
61
+ float: left;
62
+ }
63
+ [dir="rtl"] & {
64
+ float: right;
65
+ }
66
+
67
+ font-size: 1em;
68
+ line-height: 1;
69
+
70
+ width: 100%;
71
+ background: $tab-bkg;
72
+ @include breakpoint($bkpt) {
73
+ width: $tab-width;
74
+
75
+ }
76
+
77
+
78
+ .vertical-tabs & {
79
+ margin: 0;
80
+ padding: 10px;
81
+ border-bottom: $border;
82
+
83
+ @include breakpoint($bkpt) {
84
+ padding: 0;
85
+ }
86
+ }
87
+ }
88
+
89
+ .vertical-tabs-panes {
90
+ @include breakpoint($bkpt) {
91
+ [dir="ltr"] & {
92
+ border-left: $border;
93
+ margin-left: $tab-width - 1px;
94
+ }
95
+
96
+ [dir="rtl"] & {
97
+ border-right: $border;
98
+ margin-right: $tab-width - 1px;
99
+ }
100
+ }
101
+
102
+
103
+ input {
104
+ max-width: 100%;
105
+ }
106
+
107
+ // padding: 10px 15px 10px 0;
108
+ }
109
+
110
+ .vertical-tab-button {
111
+ list-style: none;
112
+ list-style-image: none;
113
+
114
+ margin-right: 5px;
115
+ margin-bottom: 5px;
116
+ display: inline-block;
117
+
118
+ @include breakpoint($bkpt) {
119
+ margin: 0;
120
+ display: block;
121
+ border-bottom: $border;
122
+ }
123
+
124
+ &.last a {
125
+ margin-bottom: 0;
126
+ }
127
+
128
+ @include breakpoint($bkpt) {
129
+ [dir="ltr"] & {
130
+ border-right: $border;
131
+ }
132
+
133
+ [dir="rtl"] & {
134
+ border-left: $border;
135
+ }
136
+ }
137
+
138
+ &.selected {
139
+ [dir="ltr"] & {
140
+ border-right-color: $main-bkg;
141
+ }
142
+
143
+ [dir="rtl"] & {
144
+ border-left-color: $main-bkg;
145
+ }
146
+
147
+ a {
148
+ background: $main-bkg;
149
+
150
+ &:hover,
151
+ a:focus {
152
+ background: $main-bkg;
153
+ }
154
+ }
155
+ }
156
+
157
+ a {
158
+ display: block;
159
+ line-height: 1;
160
+
161
+ padding: 5px 10px;
162
+ border-radius: 5px;
163
+
164
+ margin-bottom: 5px;
165
+
166
+ background: shade($tab-bkg, 11%);
167
+
168
+ @include breakpoint($bkpt) {
169
+ padding: 10px;
170
+ border-radius: 0;
171
+ margin-bottom: 0;
172
+ background: transparent;
173
+ }
174
+
175
+
176
+ &:hover,
177
+ &:focus {
178
+ background: shade($tab-bkg, 21%);
179
+
180
+ @include breakpoint($bkpt) {
181
+ background: shade($tab-bkg, 11%);
182
+ }
183
+
184
+ text-decoration: none;
185
+ outline: 0;
186
+ }
187
+ }
188
+
189
+ .summary {
190
+ color: #666;
191
+ display: block;
192
+ font-size: 0.846em;
193
+ margin-top: 0.4em;
194
+ }
195
+ }
196
+ }
@@ -0,0 +1,69 @@
1
+ <% project_name = File.basename(Compass.configuration.project_path) %><% project_js = Compass.configuration.javascripts_dir %><% project_css = Compass.configuration.css_dir %>name = <%= project_name %>
2
+ description = <%= project_name %> theme based on the Aurora base theme.
3
+ core = 7.x
4
+ base theme = aurora
5
+
6
+ ; ========================================
7
+ ; Regions
8
+ ; ========================================
9
+
10
+ regions[header] = 'Header'
11
+ regions[main_prefix] = 'Main Region Prefix'
12
+ regions[content] = 'Main Region'
13
+ regions[main_suffix] = 'Main Region Suffix'
14
+ regions[footer] = 'Footer'
15
+
16
+ ; ========================================
17
+ ; Stylesheets
18
+ ; ========================================
19
+
20
+ stylesheets[all][] = '<%= project_css %>/style.css'
21
+ stylesheets[print][] = '<%= project_css %>/print.css'
22
+
23
+ ; If installed through Bower
24
+ ; stylesheets[all][] = 'components/formalize/assets/css/formalize.css'
25
+
26
+ ; ========================================
27
+ ; Scripts
28
+ ; ========================================
29
+
30
+ ; If installed through Bower
31
+ ; scripts[] = 'components/formalize/assets/js/jquery.formalize.min.js'
32
+
33
+ ; ========================================
34
+ ; Modernizr
35
+ ; ========================================
36
+
37
+ modernizr[tests][] = css_boxsizing
38
+
39
+ ; ========================================
40
+ ; Settings
41
+ ; ========================================
42
+
43
+ settings[toggle_node_user_picture] = '1'
44
+ settings[toggle_comment_user_picture] = '1'
45
+ settings[toggle_comment_user_verification] = '1'
46
+ settings[default_logo] = '1'
47
+ settings[logo_path] = ''
48
+ settings[logo_upload] = ''
49
+ settings[default_favicon] = '1'
50
+ settings[favicon_path] = ''
51
+ settings[favicon_upload] = ''
52
+ settings[hide_recomended_modules] = '0'
53
+ settings[aurora_enable_chrome_frame] = '1'
54
+ settings[aurora_min_ie_support] = '9'
55
+ settings[aurora_html_tags] = '1'
56
+ settings[aurora_typekit_id] = '0'
57
+ settings[aurora_livereload] = '0'
58
+ settings[magic_embedded_mqs] = '0'
59
+ settings[magic_css_excludes] = ''
60
+ settings[magic_footer_js] = '0'
61
+ settings[magic_library_head] = '0'
62
+ settings[magic_experimental_js] = '0'
63
+ settings[magic_js_excludes] = ''
64
+ settings[magic_rebuild_registry] = '0'
65
+ settings[magic_viewport_indicator] = '0'
66
+ settings[magic_modernizr_debug] = '0'
67
+ settings[magic_performance__active_tab] = 'edit-dev'
68
+ settings[magic_css_excludes_regex] = ''
69
+ settings[magic_js_excludes_regex] = ''
@@ -0,0 +1,44 @@
1
+ description "Aurora Sub Theme"
2
+ no_configuration_file!
3
+
4
+ # Add in custom config file.
5
+ file '../shared/config.rb.erb', :to => "config.rb", :erb => true
6
+
7
+ # Add in README
8
+ file '../shared/README-Sass.md', :like => :stylesheet, :to => 'README.md'
9
+ file '../shared/README-Partials.md', :like => :stylesheet, :to => 'partials/README.md'
10
+ file '../shared/README-templates.md', :to => "templates/README.md"
11
+
12
+ # ERB ALL the Drupal files!
13
+ file './arcturus.info.erb', :to => "#{options[:project_name] || File.basename(Compass.configuration.project_path)}.info", :erb => true
14
+
15
+ file './template.php.erb', :to => "template.php", :erb => true
16
+
17
+ # Stylesheets
18
+ discover :stylesheets
19
+
20
+ file '../shared/_variables.scss', :like => :stylesheet, :to => 'partials/global/_variables.scss'
21
+ file '../shared/_functions.scss', :like => :stylesheet, :to => 'partials/global/_functions.scss'
22
+ file '../shared/_mixins.scss', :like => :stylesheet, :to => 'partials/global/_mixins.scss'
23
+ file '../shared/_extendables.scss', :like => :stylesheet, :to => 'partials/global/_extendables.scss'
24
+
25
+ # Developer Consistency
26
+ file '../shared/Gemfile.txt', :to => 'Gemfile'
27
+ file '../shared/editorconfig.txt', :to => '.editorconfig'
28
+ file '../shared/gitignore.txt', :to => ".gitignore"
29
+
30
+ help %Q{
31
+ @TODO Write some help text.
32
+ }
33
+
34
+ welcome_message %Q{
35
+ Arcturus based Aurora Subtheme.
36
+
37
+ See http://snugug.github.io/Aurora/ for full documentation on the Aurora base system.
38
+
39
+ You now need to run `bundle install` from inside your new subtheme to install the required dependencies. This will create a Gemfile.lock file, add this to your version control.
40
+
41
+ When you are ready start compiling, run `bundle exec compass watch` instead of simply `compass watch` to ensure you are compiling using your dependent Compass extensions.
42
+
43
+ Alternatively, if you are using Grunt, simply run `grunt watch` to compile and start LiveReload.
44
+ }
@@ -0,0 +1,24 @@
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
+ // Toolkit imports all of Compass, so there is no need to import it separately.
9
+ ////////////////////////
10
+
11
+ ////////////////////////
12
+ // Compass Extensions
13
+ ////////////////////////
14
+ @import 'singularitygs';
15
+ @import 'toolkit';
16
+ @import 'sassy-buttons';
17
+
18
+ ////////////////////////
19
+ // Private Imports
20
+ ////////////////////////
21
+ @import 'variables';
22
+ @import 'functions';
23
+ @import 'mixins';
24
+ @import 'extendables';
@@ -0,0 +1,6 @@
1
+ ////////////////////////
2
+ // Layouts Partials
3
+ //
4
+ // Your SMACSS Layouts go here
5
+ // Build sub folders and partials in this folder, with everything being imported, in cascading order, into this file.
6
+ ////////////////////////
@@ -0,0 +1,6 @@
1
+ ////////////////////////
2
+ // Module Partials
3
+ //
4
+ // Your SMACSS Modules go here
5
+ // Build sub folders and partials in this folder, with everything being imported, in cascading order, into this file.
6
+ ////////////////////////
@@ -0,0 +1,6 @@
1
+ ////////////////////////
2
+ // States Partials
3
+ //
4
+ // Your SMACSS States go here
5
+ // Build sub folders and partials in this folder, with everything being imported, in cascading order, into this file.
6
+ ////////////////////////
@@ -0,0 +1,19 @@
1
+ ////////////////////////
2
+ // Style Guide Partials
3
+ //
4
+ // Your Style Guide
5
+ // Build sub folders and partials in this folder, with everything being imported, in cascading order, into this file.
6
+ //
7
+ // All Style Guide selectors should go in here, regardless of layout or design (but separating the two in here is a good idea).
8
+ ////////////////////////
9
+
10
+
11
+ //////////////////////////////
12
+ // CSS Resets
13
+ //
14
+ // Choose your CSS Reset method:
15
+ // If you'd like a hard reset, uncomment `compass/reset`.
16
+ // If you'd prefer a soft reset, uncomment `normalize`
17
+ //////////////////////////////
18
+ // @import 'compass/reset';
19
+ // @import 'normalize';