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.
- data/lib/aurora-os.rb +12 -0
- data/stylesheets/_aurora.scss +5 -0
- data/stylesheets/aurora/_singularity-grid.scss +2 -0
- data/stylesheets/aurora/_susy-grid.scss +2 -0
- data/stylesheets/aurora/_system.scss +24 -0
- data/stylesheets/drupal/_system.scss +19 -0
- data/stylesheets/drupal/_vertical-tabs.scss +196 -0
- data/templates/arcturus/arcturus.info.erb +69 -0
- data/templates/arcturus/manifest.rb +44 -0
- data/templates/arcturus/partials/global/_base.scss +24 -0
- data/templates/arcturus/partials/layouts/_layouts.scss +6 -0
- data/templates/arcturus/partials/modules/_modules.scss +6 -0
- data/templates/arcturus/partials/states/_states.scss +6 -0
- data/templates/arcturus/partials/styleguide/_style-guide.scss +19 -0
- data/templates/arcturus/print.scss +16 -0
- data/templates/arcturus/style.scss +41 -0
- data/templates/arcturus/template.php.erb +177 -0
- data/templates/bower/manifest.rb +20 -0
- data/templates/box-sizing/README-behaviors.md +4 -0
- data/templates/box-sizing/behaviors/box-sizing/boxsizing.htc +399 -0
- data/templates/box-sizing/behaviors/box-sizing/boxsizing.php +23 -0
- data/templates/box-sizing/manifest.rb +5 -0
- data/templates/corona/maintenance.scss +29 -0
- data/templates/corona/manifest.rb +47 -0
- data/templates/corona/partials/_base.scss +31 -0
- data/templates/corona/partials/_variables.scss +137 -0
- data/templates/corona/partials/design/_design.scss +4 -0
- data/templates/corona/partials/global/_defaults.scss +3 -0
- data/templates/corona/partials/global/_forms.scss +62 -0
- data/templates/corona/partials/global/_global.scss +11 -0
- data/templates/corona/partials/global/_type.scss +124 -0
- data/templates/corona/print.scss +16 -0
- data/templates/corona/style.scss +21 -0
- data/templates/grunt/manifest.rb +23 -0
- data/templates/polaris/manifest.rb +46 -0
- data/templates/polaris/partials/global/_base.scss +24 -0
- data/templates/polaris/partials/layouts/_layouts.scss +6 -0
- data/templates/polaris/partials/modules/_modules.scss +6 -0
- data/templates/polaris/partials/states/_states.scss +6 -0
- data/templates/polaris/partials/styleguide/_style-guide.scss +19 -0
- data/templates/polaris/print.scss +16 -0
- data/templates/polaris/style.scss +39 -0
- data/templates/project/manifest.rb +46 -0
- data/templates/project/partials/design/_design.scss +8 -0
- data/templates/project/partials/global/_base.scss +22 -0
- data/templates/project/partials/layout/_layout.scss +8 -0
- data/templates/project/partials/styleguide/_style-guide.scss +18 -0
- data/templates/project/print.scss +16 -0
- data/templates/project/style.scss +34 -0
- data/templates/shared/Gemfile.txt +16 -0
- data/templates/shared/Gruntfile.js.erb +159 -0
- data/templates/shared/README-Partials.md +82 -0
- data/templates/shared/README-Sass.md +77 -0
- data/templates/shared/README-templates.md +3 -0
- data/templates/shared/_extendables.scss +22 -0
- data/templates/shared/_functions.scss +5 -0
- data/templates/shared/_mixins.scss +5 -0
- data/templates/shared/_variables.scss +5 -0
- data/templates/shared/aurora.info.erb +69 -0
- data/templates/shared/bowerrc.txt +3 -0
- data/templates/shared/component.json.erb +8 -0
- data/templates/shared/config.rb.erb +40 -0
- data/templates/shared/editorconfig.txt +21 -0
- data/templates/shared/gitignore.txt +2 -0
- data/templates/shared/jshintrc.txt +24 -0
- data/templates/shared/package.json.erb +19 -0
- data/templates/shared/template.php.erb +180 -0
- 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,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,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; }
|