compass-pattern-primer 0.3.beta → 0.4.beta

data/templates/shared/sass/pattern-primer-static.scss

@@ -0,0 +1,18 @@
+// import the global style sheet
+@import 'global';
+
+// Add the Color Guide (adds a lot of css not needed for production)
+@import 'toolkit/colours';  // tint-stack, shade-stack etc
+@import "singularitygs"; // require for generate-colour-guide mixin
+
+@include generate-colour-guide($black, $primary, $secondary, $tertiary, $quadrary);
+
+// Styling for the pattern-primer.html page
+.pattern {
+  clear: both;
+  overflow: hidden; 
+  padding: .5em 1em;
+}
+.pattern .display {
+  width: 100%;
+}

data/templates/shared/sass/pattern-primer.scss

@@ -11,6 +11,7 @@
 .pattern {
     clear: both;
     overflow: hidden;
+    padding: 0 1em;
 }
 .pattern .display {
     width: 65%;

data/templates/static/manifest.rb

@@ -7,37 +7,46 @@ file 'config.rb', :like => :file, :to => "config.rb"
 # Stylesheet Import
 file '../shared/sass/global.scss', :like => :stylesheet, :to => 'global.scss'
 # Stylesheet Import
-file '../shared/sass/pattern-primer.scss', :like => :stylesheet, :to => 'pattern-primer.scss'
+file '../shared/sass/pattern-primer-static.scss', :like => :stylesheet, :to => 'pattern-primer.scss'
 
 # Partials
 file '../shared/sass/partials/_browsers.scss', :like => :stylesheet, :to => 'partials/_browsers.scss'
-file '../shared/sass/partials/_colors.scss', :like => :stylesheet, :to => 'partials/_colors.scss'
 file '../shared/sass/partials/_extendables.scss', :like => :stylesheet, :to => 'partials/_extendables.scss'
 file '../shared/sass/partials/_functions.scss', :like => :stylesheet, :to => 'partials/_functions.scss'
 file '../shared/sass/partials/_mixins.scss', :like => :stylesheet, :to => 'partials/_mixins.scss'
-file '../shared/sass/partials/_variables.scss', :like => :stylesheet, :to => 'partials/_variables.scss'
-
-# Variables
-file '../shared/sass/partials/variables/base/_page.scss', :like => :stylesheet, :to => 'partials/variables/base/_page.scss'
-file '../shared/sass/partials/variables/modules/_header.scss', :like => :stylesheet, :to => 'partials/variables/modules/_header.scss'
-file '../shared/sass/partials/variables/modules/_footer.scss', :like => :stylesheet, :to => 'partials/variables/modules/_footer.scss'
-file '../shared/sass/partials/variables/layout/_breakpoints.scss', :like => :stylesheet, :to => 'partials/variables/layout/_breakpoints.scss'
-file '../shared/sass/partials/variables/layout/_page.scss', :like => :stylesheet, :to => 'partials/variables/layout/_page.scss'
-file '../shared/sass/partials/variables/state/_page.scss', :like => :stylesheet, :to => 'partials/variables/state/_page.scss'
-file '../shared/sass/partials/variables/state/_header.scss', :like => :stylesheet, :to => 'partials/variables/state/_header.scss'
-file '../shared/sass/partials/variables/state/_footer.scss', :like => :stylesheet, :to => 'partials/variables/state/_footer.scss'
-file '../shared/sass/partials/variables/theme/_page.scss', :like => :stylesheet, :to => 'partials/variables/theme/_page.scss'
-file '../shared/sass/partials/variables/theme/_overrides.scss', :like => :stylesheet, :to => 'partials/variables/theme/_overrides.scss'
+file '../shared/sass/partials/_colors.scss', :like => :stylesheet, :to => 'partials/_colors.scss'
+file '../shared/sass/_config.scss', :like => :stylesheet, :to => '_config.scss'
 
 # SMACSS
-file '../shared/sass/base/_page.scss', :like => :stylesheet, :to => 'base/_page.scss'
-file '../shared/sass/modules/_header.scss', :like => :stylesheet, :to => 'modules/_header.scss'
-file '../shared/sass/modules/_footer.scss', :like => :stylesheet, :to => 'modules/_footer.scss'
-file '../shared/sass/layout/_page.scss', :like => :stylesheet, :to => 'layout/_page.scss'
-file '../shared/sass/state/_page.scss', :like => :stylesheet, :to => 'state/_page.scss'
-file '../shared/sass/state/_header.scss', :like => :stylesheet, :to => 'state/_header.scss'
-file '../shared/sass/state/_footer.scss', :like => :stylesheet, :to => 'state/_footer.scss'
-file '../shared/sass/theme/_page.scss', :like => :stylesheet, :to => 'theme/_page.scss'  
+file '../shared/sass/base/buttons/_buttons.scss' , :like => :stylesheet, :to => 'base/buttons/_buttons.scss'
+file '../shared/sass/base/buttons/_buttons_extendables.scss' , :like => :stylesheet, :to => 'base/buttons/_buttons_extendables.scss'
+file '../shared/sass/base/buttons/_buttons_variables.scss' , :like => :stylesheet, :to => 'base/buttons/_buttons_variables.scss'
+file '../shared/sass/base/forms/_forms.scss' , :like => :stylesheet, :to => 'base/forms/_forms.scss'
+file '../shared/sass/base/forms/_forms_extendables.scss' , :like => :stylesheet, :to => 'base/forms/_forms_extendables.scss'
+file '../shared/sass/base/forms/_forms_variables.scss' , :like => :stylesheet, :to => 'base/forms/_forms_variables.scss'
+file '../shared/sass/base/links/_links.scss' , :like => :stylesheet, :to => 'base/links/_links.scss'
+file '../shared/sass/base/links/_links_variables.scss' , :like => :stylesheet, :to => 'base/links/_links_variables.scss'
+file '../shared/sass/base/page/_page.scss' , :like => :stylesheet, :to => 'base/page/_page.scss'
+file '../shared/sass/base/page/_page_variables.scss' , :like => :stylesheet, :to => 'base/page/_page_variables.scss'
+file '../shared/sass/base/search/_search.scss' , :like => :stylesheet, :to => 'base/search/_search.scss'
+file '../shared/sass/base/search/_search_variables.scss' , :like => :stylesheet, :to => 'base/search/_search_variables.scss'
+file '../shared/sass/base/typography/_typography.scss' , :like => :stylesheet, :to => 'base/typography/_typography.scss'
+file '../shared/sass/base/typography/_typography_variables.scss' , :like => :stylesheet, :to => 'base/typography/_typography_variables.scss'
+file '../shared/sass/modules/controls/_controls.scss' , :like => :stylesheet, :to => 'modules/controls/_controls.scss'
+file '../shared/sass/modules/controls/_controls_extendables.scss' , :like => :stylesheet, :to => 'modules/controls/_controls_extendables.scss'
+file '../shared/sass/modules/controls/_controls_variables.scss' , :like => :stylesheet, :to => 'modules/controls/_controls_variables.scss'
+file '../shared/sass/modules/feedback/_feedback.scss' , :like => :stylesheet, :to => 'modules/feedback/_feedback.scss'
+file '../shared/sass/modules/feedback/_feedback_extendables.scss' , :like => :stylesheet, :to => 'modules/feedback/_feedback_extendables.scss'
+file '../shared/sass/modules/feedback/_feedback_variables.scss' , :like => :stylesheet, :to => 'modules/feedback/_feedback_variables.scss'
+file '../shared/sass/modules/options/_options.scss' , :like => :stylesheet, :to => 'modules/options/_options.scss'
+file '../shared/sass/modules/options/_options_extendables.scss' , :like => :stylesheet, :to => 'modules/options/_options_extendables.scss'
+file '../shared/sass/modules/options/_options_variables.scss' , :like => :stylesheet, :to => 'modules/options/_options_variables.scss'
+file '../shared/sass/modules/pagination/_pagination.scss' , :like => :stylesheet, :to => 'modules/pagination/_pagination.scss'
+file '../shared/sass/modules/pagination/_pagination_extendables.scss' , :like => :stylesheet, :to => 'modules/pagination/_pagination_extendables.scss'
+file '../shared/sass/modules/pagination/_pagination_variables.scss' , :like => :stylesheet, :to => 'modules/pagination/_pagination_variables.scss'
+file '../shared/sass/layout/page/_page.scss', :like => :stylesheet, :to => 'layout/page/_page.scss'
+file '../shared/sass/state/header/_header.scss', :like => :stylesheet, :to => 'state/header/_header.scss'
+file '../shared/sass/theme/page/_page.scss', :like => :stylesheet, :to => 'theme/page/_page.scss'  
 
 # Javascript Import
 # file 'scripts.js', :like => :javascript, :to => 'scripts.js'

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification 
 name: compass-pattern-primer
 version: !ruby/object:Gem::Version 
-  version: 0.3.beta
+  version: 0.4.beta
 platform: ruby
 authors: 
 - Mark Reilly
@@ -9,7 +9,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2013-10-13 00:00:00 Z
+date: 2013-10-21 00:00:00 Z
 dependencies: 
 - !ruby/object:Gem::Dependency 
   name: sass
@@ -84,36 +84,11 @@ files:
 - README.md
 - CHANGELOG.md
 - lib/compass-pattern-primer.rb
-- stylesheets/compass-pattern-primer/_base.scss
-- stylesheets/compass-pattern-primer/_modules.scss
 - stylesheets/compass-pattern-primer/_partials.scss
 - stylesheets/compass-pattern-primer/_reset.scss
-- stylesheets/compass-pattern-primer/base/_buttons.scss
-- stylesheets/compass-pattern-primer/base/_forms.scss
-- stylesheets/compass-pattern-primer/base/_links.scss
-- stylesheets/compass-pattern-primer/base/_page.scss
-- stylesheets/compass-pattern-primer/base/_search.scss
-- stylesheets/compass-pattern-primer/base/_typography.scss
-- stylesheets/compass-pattern-primer/modules/_control.scss
-- stylesheets/compass-pattern-primer/modules/_feedback.scss
-- stylesheets/compass-pattern-primer/modules/_options.scss
-- stylesheets/compass-pattern-primer/modules/_pagination.scss
-- stylesheets/compass-pattern-primer/partials/_colors.scss
 - stylesheets/compass-pattern-primer/partials/_extendables.scss
 - stylesheets/compass-pattern-primer/partials/_functions.scss
 - stylesheets/compass-pattern-primer/partials/_mixins.scss
-- stylesheets/compass-pattern-primer/partials/_variables.scss
-- stylesheets/compass-pattern-primer/partials/variables/base/_buttons.scss
-- stylesheets/compass-pattern-primer/partials/variables/base/_colors.scss
-- stylesheets/compass-pattern-primer/partials/variables/base/_forms.scss
-- stylesheets/compass-pattern-primer/partials/variables/base/_links.scss
-- stylesheets/compass-pattern-primer/partials/variables/base/_page.scss
-- stylesheets/compass-pattern-primer/partials/variables/base/_search.scss
-- stylesheets/compass-pattern-primer/partials/variables/base/_typography.scss
-- stylesheets/compass-pattern-primer/partials/variables/modules/_control.scss
-- stylesheets/compass-pattern-primer/partials/variables/modules/_feedback.scss
-- stylesheets/compass-pattern-primer/partials/variables/modules/_options.scss
-- stylesheets/compass-pattern-primer/partials/variables/modules/_pagination.scss
 - stylesheets/compass-pattern-primer/reset/_reset.scss
 - stylesheets/compass-pattern-primer/reset/libraries/_eric_meyer_reset.scss
 - stylesheets/compass-pattern-primer/reset/libraries/_formalize.scss
@@ -123,6 +98,10 @@ files:
 - templates/adactio/manifest.rb
 - templates/project/config.rb
 - templates/project/manifest.rb
+- templates/shared/patterns/01_a_header.html
+- templates/shared/patterns/02_a_header.html
+- templates/shared/patterns/03_a_header.html
+- templates/shared/patterns/04_a_header.html
 - templates/shared/patterns/blockquote.html
 - templates/shared/patterns/colorguide.html
 - templates/shared/patterns/feedback-error-new.html
@@ -165,34 +144,46 @@ files:
 - templates/shared/patterns/text.html
 - templates/shared/php/adactio-pattern-primer.php
 - templates/shared/php/pattern-primer.php
-- templates/shared/sass/base/_page.scss
+- templates/shared/sass/_config-adactio.scss
+- templates/shared/sass/_config.scss
+- templates/shared/sass/base/buttons/_buttons.scss
+- templates/shared/sass/base/buttons/_buttons_extendables.scss
+- templates/shared/sass/base/buttons/_buttons_variables.scss
+- templates/shared/sass/base/forms/_forms.scss
+- templates/shared/sass/base/forms/_forms_extendables.scss
+- templates/shared/sass/base/forms/_forms_variables.scss
+- templates/shared/sass/base/links/_links.scss
+- templates/shared/sass/base/links/_links_variables.scss
+- templates/shared/sass/base/page/_page.scss
+- templates/shared/sass/base/page/_page_variables.scss
+- templates/shared/sass/base/search/_search.scss
+- templates/shared/sass/base/search/_search_variables.scss
+- templates/shared/sass/base/typography/_typography.scss
+- templates/shared/sass/base/typography/_typography_variables.scss
 - templates/shared/sass/global-adactio.scss
 - templates/shared/sass/global.scss
-- templates/shared/sass/layout/_page.scss
-- templates/shared/sass/modules/_footer.scss
-- templates/shared/sass/modules/_header.scss
+- templates/shared/sass/layout/page/_page.scss
+- templates/shared/sass/modules/controls/_controls.scss
+- templates/shared/sass/modules/controls/_controls_extendables.scss
+- templates/shared/sass/modules/controls/_controls_variables.scss
+- templates/shared/sass/modules/feedback/_feedback.scss
+- templates/shared/sass/modules/feedback/_feedback_extendables.scss
+- templates/shared/sass/modules/feedback/_feedback_variables.scss
+- templates/shared/sass/modules/options/_options.scss
+- templates/shared/sass/modules/options/_options_extendables.scss
+- templates/shared/sass/modules/options/_options_variables.scss
+- templates/shared/sass/modules/pagination/_pagination.scss
+- templates/shared/sass/modules/pagination/_pagination_extendables.scss
+- templates/shared/sass/modules/pagination/_pagination_variables.scss
 - templates/shared/sass/partials/_browsers.scss
 - templates/shared/sass/partials/_colors.scss
 - templates/shared/sass/partials/_extendables.scss
 - templates/shared/sass/partials/_functions.scss
 - templates/shared/sass/partials/_mixins.scss
-- templates/shared/sass/partials/_variables-adactio.scss
-- templates/shared/sass/partials/_variables.scss
-- templates/shared/sass/partials/variables/base/_page.scss
-- templates/shared/sass/partials/variables/layout/_breakpoints.scss
-- templates/shared/sass/partials/variables/layout/_page.scss
-- templates/shared/sass/partials/variables/modules/_footer.scss
-- templates/shared/sass/partials/variables/modules/_header.scss
-- templates/shared/sass/partials/variables/state/_footer.scss
-- templates/shared/sass/partials/variables/state/_header.scss
-- templates/shared/sass/partials/variables/state/_page.scss
-- templates/shared/sass/partials/variables/theme/_overrides.scss
-- templates/shared/sass/partials/variables/theme/_page.scss
+- templates/shared/sass/pattern-primer-static.scss
 - templates/shared/sass/pattern-primer.scss
-- templates/shared/sass/state/_footer.scss
-- templates/shared/sass/state/_header.scss
-- templates/shared/sass/state/_page.scss
-- templates/shared/sass/theme/_page.scss
+- templates/shared/sass/state/header/_header.scss
+- templates/shared/sass/theme/page/_page.scss
 - templates/static/config.rb
 - templates/static/manifest.rb
 - templates/static/pattern-primer.html

data/stylesheets/compass-pattern-primer/_base.scss

@@ -1,12 +0,0 @@
-@import "compass-pattern-primer/partials/_mixins";
-@import "compass-pattern-primer/partials/_functions";
-@import "compass-pattern-primer/partials/_variables";
-@import "compass-pattern-primer/partials/_extendables";
-@import "compass-pattern-primer/partials/_colors";
-
-@import "compass-pattern-primer/base/_page";
-@import "compass-pattern-primer/base/_typography";
-@import "compass-pattern-primer/base/_links";
-@import "compass-pattern-primer/base/_forms";
-@import "compass-pattern-primer/base/_search";
-@import "compass-pattern-primer/base/_buttons"; 

data/stylesheets/compass-pattern-primer/_modules.scss

@@ -1,10 +0,0 @@
-@import "compass-pattern-primer/partials/_mixins";
-@import "compass-pattern-primer/partials/_functions";
-@import "compass-pattern-primer/partials/_variables";
-@import "compass-pattern-primer/partials/_extendables";
-@import "compass-pattern-primer/partials/_colors";
-
-@import "compass-pattern-primer/modules/_control";
-@import "compass-pattern-primer/modules/_feedback";
-@import "compass-pattern-primer/modules/_options";
-@import "compass-pattern-primer/modules/_pagination";

data/stylesheets/compass-pattern-primer/modules/_control.scss

@@ -1,3 +0,0 @@
-a.control {
-  @extend %controls;
-}

data/stylesheets/compass-pattern-primer/modules/_feedback.scss

@@ -1,9 +0,0 @@
-.feedback {
-  @extend %feedback;
-  &.error {
-    @extend %error;
-  }
-  &.warning {
-    @extend %warning;
-  }
-}

data/stylesheets/compass-pattern-primer/modules/_options.scss

@@ -1,3 +0,0 @@
-.options {
-  @extend %options;
-}

data/stylesheets/compass-pattern-primer/modules/_pagination.scss

@@ -1,3 +0,0 @@
-.pagination {
-  @extend %pagination;
-}

data/stylesheets/compass-pattern-primer/partials/_colors.scss

@@ -1,27 +0,0 @@
-@import 'toolkit/colours';  // tint-stack, shade-stack etc
-@import "singularitygs"; // require for generate-colour-guide mixin
-
-//////////////////////////////
-// Color Stacks
-//
-// We can utilize [Color Schemer](https://github.com/Team-Sass/color-schemer)
-// to build us awesome color guides.
-// From [Style Prototypes](https://github.com/Team-Sass/Style-Prototypes)
-//////////////////////////////
-$cs-primary:            $primary-color;
-// Primary color, can be any color you can use in CSS, plus CMYK from Color Schemer
-$cs-scheme:             mono;
-// Options: mono, complement, triad, tetrad, analogic, accented-analogic
-$cs-hue-offset:         10;
-// Options: 0-100;
-$cs-brightness-offset:  10;
-// Options: 0-100;
-$cs-color-model:        ryb;
-// Options: rgb, ryb
-
-$black:     tint-stack(#333);
-$primary:   tint-stack(cs-primary());
-$secondary: tint-stack(cs-secondary());
-$tertiary:  tint-stack(cs-tertiary());
-$quadrary:  tint-stack(cs-quadrary());
-$darker:    shade-stack(cs-primary());

data/stylesheets/compass-pattern-primer/partials/_variables.scss

@@ -1,14 +0,0 @@
-@import "compass-pattern-primer/partials/variables/base/_page";
-@import "compass-pattern-primer/partials/variables/base/_typography";
-@import "compass-pattern-primer/partials/variables/base/_forms";
-@import "compass-pattern-primer/partials/variables/base/_search";
-@import "compass-pattern-primer/partials/variables/base/_buttons";
-@import "compass-pattern-primer/partials/variables/base/_links";
-@import "compass-pattern-primer/partials/variables/base/_colors"; 
-
-@import "compass-pattern-primer/partials/variables/modules/_control";
-@import "compass-pattern-primer/partials/variables/modules/_feedback";
-@import "compass-pattern-primer/partials/variables/modules/_options";
-@import "compass-pattern-primer/partials/variables/modules/_pagination";
-
-

data/stylesheets/compass-pattern-primer/partials/variables/base/_colors.scss

@@ -1 +0,0 @@
-$primary-color: #369 !default; 

data/templates/shared/sass/base/_page.scss

@@ -1,10 +0,0 @@
-//////////////////////////////
-// BASE: Page specific styles that aren't in Compass-Pattern-Primer 
-//////////////////////////////
-
-html {
-  // yadda, yadda
-}
-body {
-  // yadda, yadda
-}

data/templates/shared/sass/modules/_footer.scss

@@ -1,7 +0,0 @@
-//////////////////////////////
-// MODULES: Styles that are layout independent 
-//////////////////////////////
-
-footer {
-  // yadda, yadda
-}   

data/templates/shared/sass/modules/_header.scss

@@ -1,7 +0,0 @@
-//////////////////////////////
-// MODULES: Styles that are layout independent 
-//////////////////////////////
-
-header {
-  // yadda, yadda
-}   

data/templates/shared/sass/partials/_variables-adactio.scss

@@ -1,3 +0,0 @@
-//////////////////////////////
-// VARIABLES: Master variable import file 
-//////////////////////////////

data/templates/shared/sass/partials/_variables.scss

@@ -1,17 +0,0 @@
-//////////////////////////////
-// VARIABLES: Master variable import file 
-//////////////////////////////
-
-@import "partials/variables/base/_page";
-
-@import "partials/variables/modules/_header";
-@import "partials/variables/modules/_footer";
-
-@import "partials/variables/layout/_breakpoints";
-@import "partials/variables/layout/_page";
-
-@import "partials/variables/state/_page";
-@import "partials/variables/state/_header";
-@import "partials/variables/state/_footer";
-
-@import "partials/variables/theme/_page";

data/templates/shared/sass/partials/variables/base/_page.scss

@@ -1,3 +0,0 @@
-//////////////////////////////
-// VARIABLES: For Base styles that aren't in Compass-Pattern-Primer 
-//////////////////////////////

data/templates/shared/sass/partials/variables/layout/_breakpoints.scss

@@ -1,3 +0,0 @@
-//////////////////////////////
-// VARIABLES: For Layout breakpoints 
-//////////////////////////////

data/templates/shared/sass/partials/variables/layout/_page.scss

@@ -1,3 +0,0 @@
-//////////////////////////////
-// VARIABLES: For Layout specific styles 
-//////////////////////////////

data/templates/shared/sass/partials/variables/modules/_footer.scss

@@ -1,3 +0,0 @@
-//////////////////////////////
-// VARIABLES: For Modules specific styles 
-//////////////////////////////

data/templates/shared/sass/partials/variables/modules/_header.scss

@@ -1,3 +0,0 @@
-//////////////////////////////
-// VARIABLES: For Modules specific styles 
-//////////////////////////////

data/templates/shared/sass/partials/variables/state/_footer.scss

@@ -1,3 +0,0 @@
-//////////////////////////////
-// VARIABLES: For State specific styles 
-//////////////////////////////   

data/templates/shared/sass/partials/variables/state/_header.scss

@@ -1,3 +0,0 @@
-//////////////////////////////
-// VARIABLES: For State specific styles 
-//////////////////////////////  

data/templates/shared/sass/partials/variables/state/_page.scss

@@ -1,3 +0,0 @@
-//////////////////////////////
-// VARIABLES: For State specific styles 
-//////////////////////////////    

data/templates/shared/sass/partials/variables/theme/_page.scss

@@ -1,3 +0,0 @@
-//////////////////////////////
-// VARIABLES: For Theme specific styles 
-//////////////////////////////

data/templates/shared/sass/state/_footer.scss

@@ -1,3 +0,0 @@
-//////////////////////////////
-// STATES: Styles that are in a certain state: hidden or visible etc. 
-////////////////////////////// 

data/templates/shared/sass/state/_page.scss

@@ -1,3 +0,0 @@
-//////////////////////////////
-// STATES: Styles that are in a certain state: hidden or visible etc. 
-//////////////////////////////