compass-aurora-os 0.1.0

data/lib/aurora-os.rb

@@ -0,0 +1,12 @@
+require 'compass'
+require 'toolkit'
+require 'sassy-buttons'
+require 'compass-normalize'
+
+extension_path = File.expand_path(File.join(File.dirname(__FILE__), ".."))
+Compass::Frameworks.register('aurora-os', :path => extension_path)
+
+module Aurora_OS
+  VERSION = "0.1.0"
+  DATE = "2013-11-21"
+end

data/stylesheets/_aurora.scss

@@ -0,0 +1,5 @@
+//////////////////////////////
+// Drupal Imports
+//////////////////////////////
+@import "drupal/system";
+@import "drupal/vertical-tabs";

data/stylesheets/aurora/_singularity-grid.scss

@@ -0,0 +1,2 @@
+@import '../aurora';
+@import 'singularitygs';

data/stylesheets/aurora/_susy-grid.scss

@@ -0,0 +1,2 @@
+@import '../aurora';
+@import 'susy';

data/stylesheets/aurora/_system.scss

@@ -0,0 +1,24 @@
+/**
+ * A Sass partial to replace the Drupal 7 core css.
+ *
+ * Note: This is as of yet incomplete, and therefore we are not adding it
+ *   by default within the css files.
+ */
+
+.element-invisible {
+  position: absolute !important;
+  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+  clip: rect(1px, 1px, 1px, 1px);
+  overflow: hidden;
+  height: 1px;
+
+  &.element-focusable:active,
+  &.element-focusable:focus {
+    position: static !important;
+    clip: auto;
+    overflow: visible;
+    height: auto;
+  }
+}
+
+

data/stylesheets/drupal/_system.scss

@@ -0,0 +1,19 @@
+@import "toolkit/clearfix";
+
+.element-invisible {
+  position: absolute !important;
+  overflow: hidden;
+  height: 1px;
+
+  &.element-focusable:active,
+  &.element-focusable:focus {
+    position: static !important;
+    clip: auto;
+    overflow: visible;
+    height: auto;
+  }
+}
+
+.clearfix {
+  @include clearfix($extend: true);
+}

data/stylesheets/drupal/_vertical-tabs.scss

@@ -0,0 +1,196 @@
+@import "toolkit/box-sizing";
+@import "toolkit/colors";
+@import "toolkit/equal-height-columns";
+@import "breakpoint";
+
+@mixin vertical-tabs($tab-bkg: #f2f2f2, $tab-width: 240px, $main-bkg: #fff, $break: 735px, $border: 1px solid #ccc) {
+
+  $bkpt: 'min-width' $break;
+  $widths: $tab-width, 100%;
+  $colors: $tab-bkg, $main-bkg;
+
+  .vertical-tabs {
+    @include box-sizing('border-box');
+
+    background: $main-bkg;
+    @include breakpoint($bkpt) {
+      [dir="ltr"] & {
+      @include equal-height-columns($widths, $colors);
+      }
+      [dir="rtl"] & {
+	@include equal-height-columns($widths, $colors, right);
+      }
+    }
+
+
+    border: $border;
+    margin: 0;
+    position: relative;
+
+    * {
+      @include box-sizing('border-box');
+    }
+  }
+
+  .vertical-tabs-pane {
+    border: 0;
+    padding: 0;
+    margin: 0;
+
+    @include breakpoint($bkpt) {
+      width: 100%;
+      clear: both;
+    }
+
+
+    legend {
+      display: none;
+    }
+
+    fieldset legend {
+      display: block;
+    }
+
+    .fieldset-wrapper {
+      padding-top: 0.3125em;
+    }
+  }
+
+  .vertical-tabs-list {
+    [dir="ltr"] & {
+      float: left;
+    }
+    [dir="rtl"] & {
+      float: right;
+    }
+
+    font-size: 1em;
+    line-height: 1;
+
+    width: 100%;
+    background: $tab-bkg;
+    @include breakpoint($bkpt) {
+      width: $tab-width;
+
+    }
+
+
+    .vertical-tabs & {
+      margin: 0;
+      padding: 10px;
+      border-bottom: $border;
+
+      @include breakpoint($bkpt) {
+	padding: 0;
+      }
+    }
+  }
+
+  .vertical-tabs-panes {
+    @include breakpoint($bkpt) {
+      [dir="ltr"] & {
+	border-left: $border;
+	margin-left: $tab-width - 1px;
+      }
+
+      [dir="rtl"] & {
+	border-right: $border;
+	margin-right: $tab-width - 1px;
+      }
+    }
+
+
+    input {
+      max-width: 100%;
+    }
+
+    // padding: 10px 15px 10px 0;
+  }
+
+  .vertical-tab-button {
+    list-style: none;
+    list-style-image: none;
+
+    margin-right: 5px;
+    margin-bottom: 5px;
+    display: inline-block;
+
+    @include breakpoint($bkpt) {
+      margin: 0;
+      display: block;
+      border-bottom: $border;
+    }
+
+    &.last a {
+      margin-bottom: 0;
+    }
+
+    @include breakpoint($bkpt) {
+      [dir="ltr"] & {
+	border-right: $border;
+      }
+
+      [dir="rtl"] & {
+	border-left: $border;
+      }
+    }
+
+    &.selected {
+      [dir="ltr"] & {
+	border-right-color: $main-bkg;
+      }
+
+      [dir="rtl"] & {
+	border-left-color: $main-bkg;
+      }
+
+      a {
+	background: $main-bkg;
+
+	&:hover,
+	a:focus {
+	  background: $main-bkg;
+	}
+      }
+    }
+
+    a {
+      display: block;
+      line-height: 1;
+
+      padding: 5px 10px;
+      border-radius: 5px;
+
+      margin-bottom: 5px;
+
+      background: shade($tab-bkg, 11%);
+
+      @include breakpoint($bkpt) {
+	padding: 10px;
+	border-radius: 0;
+	margin-bottom: 0;
+	background: transparent;
+      }
+
+
+      &:hover,
+      &:focus {
+	background: shade($tab-bkg, 21%);
+
+	@include breakpoint($bkpt) {
+	  background: shade($tab-bkg, 11%);
+	}
+
+	text-decoration: none;
+	outline: 0;
+      }
+    }
+
+    .summary {
+      color: #666;
+      display: block;
+      font-size: 0.846em;
+      margin-top: 0.4em;
+    }
+  }
+}

data/templates/arcturus/arcturus.info.erb

@@ -0,0 +1,69 @@
+<% project_name = File.basename(Compass.configuration.project_path) %><% project_js = Compass.configuration.javascripts_dir %><% project_css = Compass.configuration.css_dir %>name =  <%= project_name %>
+description =  <%= project_name %> theme based on the Aurora base theme.
+core = 7.x
+base theme = aurora
+
+; ========================================
+; Regions
+; ========================================
+
+regions[header]       = 'Header'
+regions[main_prefix]  = 'Main Region Prefix'
+regions[content]      = 'Main Region'
+regions[main_suffix]  = 'Main Region Suffix'
+regions[footer]       = 'Footer'
+
+; ========================================
+; Stylesheets
+; ========================================
+
+stylesheets[all][] = '<%= project_css %>/style.css'
+stylesheets[print][] = '<%= project_css %>/print.css'
+
+; If installed through Bower
+; stylesheets[all][] = 'components/formalize/assets/css/formalize.css'
+
+; ========================================
+; Scripts
+; ========================================
+
+; If installed through Bower
+; scripts[] = 'components/formalize/assets/js/jquery.formalize.min.js'
+
+; ========================================
+; Modernizr
+; ========================================
+
+modernizr[tests][] = css_boxsizing
+
+; ========================================
+; Settings
+; ========================================
+
+settings[toggle_node_user_picture] = '1'
+settings[toggle_comment_user_picture] = '1'
+settings[toggle_comment_user_verification] = '1'
+settings[default_logo] = '1'
+settings[logo_path] = ''
+settings[logo_upload] = ''
+settings[default_favicon] = '1'
+settings[favicon_path] = ''
+settings[favicon_upload] = ''
+settings[hide_recomended_modules] = '0'
+settings[aurora_enable_chrome_frame] = '1'
+settings[aurora_min_ie_support] = '9'
+settings[aurora_html_tags] = '1'
+settings[aurora_typekit_id] = '0'
+settings[aurora_livereload] = '0'
+settings[magic_embedded_mqs] = '0'
+settings[magic_css_excludes] = ''
+settings[magic_footer_js] = '0'
+settings[magic_library_head] = '0'
+settings[magic_experimental_js] = '0'
+settings[magic_js_excludes] = ''
+settings[magic_rebuild_registry] = '0'
+settings[magic_viewport_indicator] = '0'
+settings[magic_modernizr_debug] = '0'
+settings[magic_performance__active_tab] = 'edit-dev'
+settings[magic_css_excludes_regex] = ''
+settings[magic_js_excludes_regex] = ''

data/templates/arcturus/manifest.rb

@@ -0,0 +1,44 @@
+description "Aurora Sub Theme"
+no_configuration_file!
+
+# Add in custom config file.
+file '../shared/config.rb.erb', :to => "config.rb", :erb => true
+
+# Add in README
+file '../shared/README-Sass.md',  :like => :stylesheet, :to => 'README.md'
+file '../shared/README-Partials.md',  :like => :stylesheet, :to => 'partials/README.md'
+file '../shared/README-templates.md', :to => "templates/README.md"
+
+# ERB ALL the Drupal files!
+file './arcturus.info.erb', :to => "#{options[:project_name] || File.basename(Compass.configuration.project_path)}.info", :erb => true
+
+file './template.php.erb', :to => "template.php", :erb => true
+
+# Stylesheets
+discover :stylesheets
+
+file '../shared/_variables.scss', :like => :stylesheet, :to => 'partials/global/_variables.scss'
+file '../shared/_functions.scss', :like => :stylesheet, :to => 'partials/global/_functions.scss'
+file '../shared/_mixins.scss', :like => :stylesheet, :to => 'partials/global/_mixins.scss'
+file '../shared/_extendables.scss', :like => :stylesheet, :to => 'partials/global/_extendables.scss'
+
+# Developer Consistency
+file '../shared/Gemfile.txt', :to => 'Gemfile'
+file '../shared/editorconfig.txt', :to => '.editorconfig'
+file '../shared/gitignore.txt', :to => ".gitignore"
+
+help %Q{
+  @TODO Write some help text.
+}
+
+welcome_message %Q{
+  Arcturus based Aurora Subtheme.
+
+  See http://snugug.github.io/Aurora/ for full documentation on the Aurora base system.
+
+  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.
+
+  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.
+
+  Alternatively, if you are using Grunt, simply run `grunt watch` to compile and start LiveReload.
+}

data/templates/arcturus/partials/global/_base.scss

@@ -0,0 +1,24 @@
+////////////////////////
+// Base Partials
+//
+// These files will be shared across all three of your output
+//  CSS files. Generally included here are only Compass Extension
+//  imports and imports for variables, functions, mixins, and extendables.
+//
+// Toolkit imports all of Compass, so there is no need to import it separately.
+////////////////////////
+
+////////////////////////
+// Compass Extensions
+////////////////////////
+@import 'singularitygs';
+@import 'toolkit';
+@import 'sassy-buttons';
+
+////////////////////////
+// Private Imports
+////////////////////////
+@import 'variables';
+@import 'functions';
+@import 'mixins';
+@import 'extendables';

data/templates/arcturus/partials/layouts/_layouts.scss

@@ -0,0 +1,6 @@
+////////////////////////
+// Layouts Partials
+//
+// Your SMACSS Layouts go here
+// Build sub folders and partials in this folder, with everything being imported, in cascading order, into this file.
+////////////////////////

data/templates/arcturus/partials/modules/_modules.scss

@@ -0,0 +1,6 @@
+////////////////////////
+// Module Partials
+//
+// Your SMACSS Modules go here
+// Build sub folders and partials in this folder, with everything being imported, in cascading order, into this file.
+////////////////////////

data/templates/arcturus/partials/states/_states.scss

@@ -0,0 +1,6 @@
+////////////////////////
+// States Partials
+//
+// Your SMACSS States go here
+// Build sub folders and partials in this folder, with everything being imported, in cascading order, into this file.
+////////////////////////

data/templates/arcturus/partials/styleguide/_style-guide.scss

@@ -0,0 +1,19 @@
+////////////////////////
+// Style Guide Partials
+//
+// Your Style Guide
+// Build sub folders and partials in this folder, with everything being imported, in cascading order, into this file.
+//
+// All Style Guide selectors should go in here, regardless of layout or design (but separating the two in here is a good idea).
+////////////////////////
+
+
+//////////////////////////////
+// CSS Resets
+//
+// Choose your CSS Reset method:
+//  If you'd like a hard reset, uncomment `compass/reset`.
+//  If you'd prefer a soft reset, uncomment `normalize`
+//////////////////////////////
+// @import 'compass/reset';
+// @import 'normalize';