compass-aurora-os 0.1.0

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.
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
@@ -0,0 +1,23 @@
1
+ <?php
2
+ /*
3
+ This file is a wrapper, for use in PHP environments, which serves boxsizing.htc using the
4
+ correct content-type, so that IE will recognize it as a behavior. Simply specify the
5
+ behavior property to fetch this .php file instead of the .htc directly:
6
+
7
+ //
8
+ // Reset box sizing
9
+ //
10
+ * {
11
+ margin: 0;
12
+ @include box-sizing(border-box);
13
+ *behavior: url(/sites/all/libraries/boxsizing/boxsizing.php);
14
+ }
15
+
16
+ This is only necessary when the web server is not configured to serve .htc files with
17
+ the text/x-component content-type, and cannot easily be configured to do so (as is the
18
+ case with some shared hosting providers).
19
+ */
20
+
21
+ header( 'Content-type: text/x-component' );
22
+ include( 'boxsizing.htc' );
23
+ ?>
@@ -0,0 +1,5 @@
1
+ description "Box Sizing Polyfill Install"
2
+
3
+ file 'behaviors/box-sizing/boxsizing.htc'
4
+ file 'behaviors/box-sizing/boxsizing.php'
5
+ file 'README-behaviors.md', :to => 'behaviors/README.md'
@@ -0,0 +1,29 @@
1
+ ////////////////////////
2
+ // Maintenance Page File
3
+ //
4
+ // This file gets turned into maintenance.css.
5
+ // We keep is separate so that you may have custom CSS on the maintenance
6
+ // page if you so wish, and not include your full site's css.
7
+ ////////////////////////
8
+
9
+ ////////////////////////
10
+ // Base Import
11
+ ////////////////////////
12
+ @import 'partials/base';
13
+
14
+ ////////////////////////
15
+ // Other partial import
16
+ ////////////////////////
17
+ @import 'partials/global/global';
18
+
19
+
20
+ // Code specifically for the maintenance page.
21
+
22
+ .maintenance-page {
23
+
24
+ // Specifically if the db cannot be reached.
25
+ &.db-offline {
26
+
27
+ }
28
+
29
+ }
@@ -0,0 +1,47 @@
1
+ description "Aurora Base 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 '../shared/aurora.info.erb', :to => "#{options[:project_name] || File.basename(Compass.configuration.project_path)}.info", :erb => true
14
+
15
+ file '../shared/template.php.erb', :to => "template.php", :erb => true
16
+
17
+ # Stylesheets
18
+ discover :stylesheets
19
+
20
+ file '../shared/_functions.scss', :like => :stylesheet, :to => 'partials/_functions.scss'
21
+ file '../shared/_mixins.scss', :like => :stylesheet, :to => 'partials/_mixins.scss'
22
+
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
+ Please contact Ian Carrico with questions:
32
+
33
+ github@iancarrico.com
34
+ }
35
+
36
+ welcome_message %Q{
37
+ Corona based Aurora Subtheme.
38
+
39
+ See http://snugug.github.io/Aurora/ for full documentation.
40
+
41
+ Please 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.
42
+
43
+ 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.
44
+
45
+ Alternatively, if you are using Grunt, simply run `grunt watch` to compile and start LiveReload.
46
+ }
47
+
@@ -0,0 +1,31 @@
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
+ // Note: normalize.css is imported in partials/global/_global.scss. We do this
15
+ // so that it pulls in the variables set within the variables partial.
16
+ ////////////////////////
17
+ @import 'singularitygs';
18
+ @import 'toolkit';
19
+ @import 'sassy-buttons';
20
+
21
+
22
+ ////////////////////////
23
+ // Private Imports
24
+ //
25
+ // Any other imports to add. Normally, these do not include any css, but just
26
+ // functions, variables, etc. to be used by other files.
27
+ ////////////////////////
28
+
29
+ @import 'variables';
30
+ @import 'functions';
31
+ @import 'mixins';
@@ -0,0 +1,137 @@
1
+ // Variables Partials
2
+ //
3
+ // All of your variables should go in this file.
4
+
5
+
6
+ // Legacy IE support
7
+ //
8
+ // These variables are used by many mixins to add additional CSS to support
9
+ // specific versions of IE or specific vendor prefixes.
10
+ //
11
+ // To turn on support for IE6 or IE7, set those variables to true.
12
+ //
13
+ // These variables are used throughout compass, but specifically within the
14
+ // compass-normalize extension.
15
+ // /
16
+ $legacy-support-for-ie6: false;
17
+ $legacy-support-for-ie7: false;
18
+ $legacy-support-for-ie8: true;
19
+
20
+
21
+ // Font faces, stacks and sizes.
22
+
23
+ $base-font-size: 16px;
24
+ $base-line-height: 24px;
25
+
26
+ // The following font family declarations are based on the Microsoft core web
27
+ // fonts which are common fonts available on most computer systems. The DejaVu
28
+ // and Nimbus Sans fonts are commonly available on Linux systems where the MS
29
+ // fonts are less common. Tahoma and Helvetica are also widely available.
30
+ //
31
+ // A user's web browser will look at the comma-separated list and will
32
+ // attempt to use each font in turn until it finds one that is available
33
+ // on the user's computer. The final "generic" font (sans-serif, serif or
34
+ // monospace) hints at what type of font to use if the web browser doesn't
35
+ // find any of the fonts in the list.
36
+
37
+ // First, let's create some font stacks.
38
+ $times-new-roman: "Times New Roman", Times, Georgia, "DejaVu Serif", serif;
39
+ $times: Times, "Times New Roman", Georgia, "DejaVu Serif", serif;
40
+ $georgia: Georgia, "Times New Roman", "DejaVu Serif", serif;
41
+
42
+ $verdana: Verdana, Tahoma, "DejaVu Sans", sans-serif;
43
+ $tahoma: Tahoma, Verdana, "DejaVu Sans", sans-serif;
44
+ $helvetica: Helvetica, Arial, "Nimbus Sans L", sans-serif;
45
+ $arial: Arial, Helvetica, "Nimbus Sans L", sans-serif;
46
+
47
+ // Project-specific fonts
48
+ // Put any font families here that are specific to your project.
49
+
50
+
51
+ // For an explanation of why "sans-serif" is at the end of this list, see
52
+ // http://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/
53
+ $courier: "Courier New", "DejaVu Sans Mono", monospace, sans-serif;
54
+
55
+ // Now create some variables for the font stacks we want to use on this site.
56
+ $base-font-family: $georgia; // The font family set on the html element.
57
+ $font-body: $verdana;
58
+ $font-monospace: $courier;
59
+ $form-font-family: $arial;
60
+
61
+
62
+ //
63
+ // Colors, etc.
64
+ //
65
+
66
+ $white : #FFFFFF;
67
+ $black : #000000;
68
+
69
+ // Standard colors: for standard 4K and other brand colors.
70
+ // Note: these are just for reference, and some brands have multiple colors.
71
+ $color-facebook : #3B5998;
72
+ $color-twitter : #33CCFF;
73
+ $color-youtube : #FF3333;
74
+ $color-pinterest: #990000;
75
+ $color-skype : #12A5F4;
76
+ $color-flickr : #FE0883;
77
+ $color-foursquare: #8FD400;
78
+ $color-instagram: #4E433C;
79
+ $color-linkedin : #4875B4;
80
+ $color-tumblr : #2B4964;
81
+ $color-vimeo : #86B32D;
82
+ $color-google : #D6492C;
83
+ $color-fk : #66B360;
84
+
85
+
86
+ // Base color variables.
87
+ $link : #2090B4;
88
+ $visited : $link;
89
+ $selection-bg : #66B360;
90
+ $selection : $white;
91
+
92
+ // The amount lists, blockquotes and comments are indented.
93
+ $indent-amount: 2em;
94
+
95
+
96
+ // Add Singularity responsive layout settings.
97
+ //
98
+ // Singularity allows the creation of responsive grids within your site's layout
99
+ // Go to the singularity github wiki for full implementation, and how to
100
+ // integrate it with breakpoint as well.
101
+ //
102
+ // @see https://github.com/Team-Sass/Singularity/wiki
103
+
104
+ $mobile-first : true;
105
+ $include-border-box : false;
106
+ $include-clearfix : false;
107
+
108
+ $grids : 12;
109
+ $gutters : 1/3;
110
+
111
+
112
+
113
+
114
+ // Add breakpoint settings.
115
+ //
116
+ // Breakpoint allows us to embed media queries directly into each rule that
117
+ // needs it, rather than forcing a developer to place rules for a single
118
+ // component in multiple places depending on the media query they want to
119
+ // affect.
120
+ //
121
+ // @see https://github.com/Team-Sass/breakpoint/wiki
122
+ //
123
+ // Listed here are named breakpoints. They can vary in complexity, allowing you to
124
+ // get rid of the cognitive load behind typing and remembering media queries.
125
+ //
126
+ // @see https://github.com/Team-Sass/breakpoint/wiki/Respond-To
127
+
128
+ // $sample-breakpoints: "small-ish" (300px),
129
+ // "medium-ish" (460px),
130
+ // "large-ish" (770px),
131
+ // "extra-large-ish" (1000px);
132
+
133
+
134
+ $breakpoint-no-query-fallbacks: true;
135
+ $breakpoint-to-ems: true;
136
+
137
+ $breakpoints: '';
@@ -0,0 +1,4 @@
1
+ /**
2
+ * Design partials: A place to put your specific design partials.
3
+ */
4
+
@@ -0,0 +1,3 @@
1
+ /**
2
+ * Defaults: For any general elements to apply to the whole page.
3
+ */
@@ -0,0 +1,62 @@
1
+ /**
2
+ * Form elements: Inputs, buttons, etc.
3
+ */
4
+
5
+ form {
6
+ }
7
+
8
+ fieldset {
9
+ }
10
+
11
+ legend {
12
+ }
13
+
14
+
15
+ label,
16
+ input,
17
+ button,
18
+ select,
19
+ textarea {
20
+
21
+ }
22
+
23
+ input,
24
+ button,
25
+ select,
26
+ textarea {
27
+ font-family: $form-font-family; // And only set font-family here for those that need it (note the missing label element)
28
+ }
29
+
30
+ label {
31
+ }
32
+
33
+ .button,
34
+ button,
35
+ input[type="submit"],
36
+ input[type="reset"],
37
+ input[type="button"] {
38
+
39
+
40
+ &:hover {
41
+
42
+ }
43
+
44
+ &:active {
45
+
46
+ }
47
+ }
48
+
49
+ input[type="text"],
50
+ input[type="password"],
51
+ input[type="email"],
52
+ textarea,
53
+ select {
54
+
55
+ &:focus {
56
+
57
+ }
58
+ }
59
+
60
+ input[type="checkbox"] {
61
+
62
+ }
@@ -0,0 +1,11 @@
1
+ /**
2
+ * Global partials: Typography, forms, site-wide changes.
3
+ */
4
+
5
+ // We import normalize.css here, so that it inherits the variables already set.
6
+ @import 'normalize';
7
+
8
+ @import 'extendables';
9
+ @import 'defaults';
10
+ @import 'type';
11
+ @import 'forms';
@@ -0,0 +1,124 @@
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
+
26
+ }
27
+
28
+ h2 {
29
+
30
+ }
31
+
32
+ h3 {
33
+
34
+ }
35
+
36
+ h4 {
37
+
38
+ }
39
+
40
+ h5 {
41
+
42
+ }
43
+
44
+ h6 {
45
+
46
+ }
47
+
48
+
49
+ // Links
50
+ //
51
+ // The order of link states are based on Eric Meyer's article:
52
+ // http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
53
+ a {
54
+
55
+ &:link {
56
+ color: $link;
57
+ }
58
+
59
+ &:visited {
60
+ color: $visited;
61
+ }
62
+
63
+ &:hover, &:focus {
64
+
65
+ }
66
+
67
+ &:active, &.active {
68
+
69
+ }
70
+ }
71
+
72
+
73
+ // Lists
74
+
75
+ ul, ol {
76
+
77
+ }
78
+
79
+ ul ul,
80
+ ul ol,
81
+ ol ol,
82
+ ol ul {
83
+ margin-bottom: 0;
84
+ }
85
+
86
+ ul {
87
+
88
+ }
89
+
90
+ ol {
91
+
92
+ }
93
+
94
+ li {
95
+
96
+ }
97
+
98
+ ul.unstyled,
99
+ ol.unstyled {
100
+
101
+ }
102
+
103
+ // Misc.
104
+
105
+ hr {
106
+ height: 1px;
107
+ border: 1px solid #666;
108
+ padding-bottom: -1px;
109
+ margin: rhythm(1) 0;
110
+ }
111
+
112
+ strong {
113
+ font-weight: bold;
114
+ }
115
+
116
+ em {
117
+ font-style: italic;
118
+ }
119
+
120
+
121
+ // Remove text-shadow in selection highlight: h5bp.com/i
122
+ // These selection declarations have to be separate
123
+ ::-moz-selection { background: $selection-bg; color: $selection; text-shadow: none; }
124
+ ::selection { background: $selection-bg; color: $selection; text-shadow: none; }