compass_extension 0.1.4 → 0.1.5

data/templates/project/manifest.rb

@@ -1,24 +1,32 @@
-description "Compass extension for HTML5 Boilerplate located at http://html5boilerplate.com"
+description "Compass extension for Skyron projects using HTML5 html5-boilerplate templates"
 
-stylesheet 'style.scss', :media => 'all'
-stylesheet 'partials/_base.scss'
-stylesheet 'partials/_header.scss'
-stylesheet 'partials/_fonts.scss'
-stylesheet 'partials/_footer.scss'
-stylesheet 'partials/_modules.scss'
-stylesheet 'partials/_overrides.scss'
-stylesheet 'partials/_page.scss'
+stylesheet 'screen.scss', :media => 'all'
+stylesheet 'partials/_debug.scss'
+stylesheet 'partials/_functions.scss'
+stylesheet 'partials/_helpers.scss'
+stylesheet 'partials/_layout.scss'
 stylesheet 'partials/_media.scss'
-stylesheet 'partials/SCSS_template.scss'
+stylesheet 'partials/_misc.scss'
+stylesheet 'partials/_mixins.scss'
+stylesheet 'partials/_mods.scss'
+stylesheet 'partials/_normalize.scss'
+stylesheet 'partials/_print.scss'
+stylesheet 'partials/_type.scss'
+stylesheet 'partials/_vars.scss'
+stylesheet 'partials/sass-template.scss'
 
-stylesheet 'partials/modules/_mod-breadcrumb.scss'
-stylesheet 'partials/modules/_mod-carousels.scss'
-stylesheet 'partials/modules/_mod-default.scss'
-stylesheet 'partials/modules/_mod-form.scss'
-stylesheet 'partials/modules/_mod-login.scss'
-stylesheet 'partials/modules/_mod-pagination.scss'
-stylesheet 'partials/modules/_mod-subnav.scss'
-stylesheet 'partials/modules/_mod-widget.scss'
+stylesheet 'partials/mods/_mod-block.scss'
+stylesheet 'partials/mods/_mod-breadcrumb.scss'
+stylesheet 'partials/mods/_mod-carousel.scss'
+stylesheet 'partials/mods/_mod-footer.scss'
+stylesheet 'partials/mods/_mod-form.scss'
+stylesheet 'partials/mods/_mod-header.scss'
+stylesheet 'partials/mods/_mod-intro.scss'
+stylesheet 'partials/mods/_mod-main-nav.scss'
+stylesheet 'partials/mods/_mod-map.scss'
+stylesheet 'partials/mods/_mod-paging.scss'
+stylesheet 'partials/mods/_mod-strip.scss'
+stylesheet 'partials/mods/_mod-table.scss'
 
 
 if Compass.configuration.project_type == :rails
@@ -30,30 +38,44 @@ if Compass.configuration.project_type == :rails
   file '_javascripts.html.haml', :to => 'app/views/layouts/_javascripts.html.haml'
   file '_stylesheets.html.haml', :to => 'app/views/layouts/_stylesheets.html.haml'
   file 'files/google.yml', :to => 'config/google.yml'
-  javascript 'javascripts/jquery-1.7.2.js', :to => 'jquery.js'
-  javascript 'javascripts/jquery-1.7.2.min.js', :to => 'jquery.min.js'
-  javascript 'javascripts/jquery-ui-1.8.22.min.js', :to => 'jquery-ui-1.8.22.min.js'
-  javascript 'javascripts/modernizr-2.5.3.min.js', :to => 'modernizr.min.js'
-  javascript 'javascripts/respond.min.js', :to => 'respond.min.js'
+  javascript 'javascripts/libs/jquery-1.7.2.js', :to => 'libs/jquery.js'
+  javascript 'javascripts/libs/jquery-1.7.2.min.js', :to => 'libs/jquery.min.js'
+  javascript 'javascripts/libs/jquery-ui-1.8.22.min.js', :to => 'libs/jquery-ui-1.8.22.min.js'
+  javascript 'javascripts/libs/modernizr-2.5.3.min.js', :to => 'libs/modernizr.min.js'
+  javascript 'javascripts/libs/respond.min.js', :to => 'libs/respond.min.js'
+  javascript 'javascripts/libs/selectivizr.js', :to => 'libs/selectivizr.js'
   javascript 'javascripts/plugins.js', :to => 'plugins.js'
   javascript 'javascripts/rails.js', :to => 'rails.js'
 else
-  html 'index.html.haml'
-  file 'index.html.haml'
-  javascript 'javascripts/jquery-1.7.2.js', :to => 'jquery-1.7.2.js'
-  javascript 'javascripts/jquery-1.7.2.min.js', :to => 'jquery-1.7.2.min.js'
-  javascript 'javascripts/jquery-ui-1.8.22.min.js', :to => 'jquery-ui-1.8.22.min.js'
-  javascript 'javascripts/modernizr-2.5.3.min.js', :to => 'modernizr-2.5.3.min.js'
-  javascript 'javascripts/respond.min.js', :to => 'respond.min.js'
+  html 'index.html'
+  #file 'index.html.haml'
+  javascript 'javascripts/libs/jquery-1.7.2.js', :to => 'libs/jquery-1.7.2.js'
+  javascript 'javascripts/libs/jquery-1.7.2.min.js', :to => 'libs/jquery-1.7.2.min.js'
+  javascript 'javascripts/libs/jquery-ui-1.8.22.min.js', :to => 'libs/jquery-ui-1.8.22.min.js'
+  javascript 'javascripts/libs/modernizr-2.5.3.min.js', :to => 'libs/modernizr-2.5.3.min.js'
+  javascript 'javascripts/libs/respond.min.js', :to => 'libs/respond.min.js'
+  javascript 'javascripts/libs/selectivizr.js', :to => 'libs/selectivizr.js'
   javascript 'javascripts/plugins.js', :to => 'plugins.js'
   javascript 'javascripts/script.js', :to => 'script.js'
 end
+html 'files/about.html', :to => 'about.html'
+html 'files/blog.html', :to => 'blog.html'
+html 'files/contact.html', :to => 'contact.html'
+html 'files/products.html', :to => 'products.html'
+html 'files/services.html', :to => 'services.html'
+#html 'files/htaccess', :to => '.htaccess'
 html 'files/404.html', :to => '404.html'
+html 'files/inc/breadcrumb.html', :to => 'inc/breadcrumb.html'
+html 'files/inc/footer.html', :to => 'inc/footer.html'
+html 'files/inc/header.html', :to => 'inc/header.html'
+html 'files/inc/main-nav.html', :to => 'inc/main-nav.html'
 html 'files/crossdomain.xml', :to => 'crossdomain.xml'
 html 'files/robots.txt', :to => 'robots.txt'
 html 'files/humans.txt', :to => 'humans.txt'
+image 'files/dummy-full.png', :to => 'dummy-full.png'
+image 'files/logo.png', :to => 'logo.png'
+image 'files/logo@x2.png', :to => 'logo@x2.png'
 html 'files/apple-touch-icon.png', :to => 'apple-touch-icon.png'
-image 'files/apple-touch-icon-57x57-precomposed.png', :to => 'apple-touch-icon-57x57-precomposed.png'
 html 'files/apple-touch-icon-57x57-precomposed.png', :to => 'apple-touch-icon-57x57-precomposed.png'
 html 'files/apple-touch-icon-72x72-precomposed.png', :to => 'apple-touch-icon-72x72-precomposed.png'
 html 'files/apple-touch-icon-114x114-precomposed.png', :to => 'apple-touch-icon-114x114-precomposed.png'
@@ -61,24 +83,22 @@ html 'files/apple-touch-icon-precomposed.png', :to => 'apple-touch-icon-precompo
 html 'files/favicon.png', :to => 'favicon.png'
 
 help %Q{
-This is a Compass extension for HTML5 Boilerplate by Paul Irish
-(See full docs at: http://github.com/sporkd/compass-html5-boilerplate)
-Updated for Skyron ltd needs
+This is a Compass extension for Skyron using html5-boilerplate templates
 
 Rails Installation
 ========================
-$ gem install html5-boilerplate
-$ cd my_rails_project
-$ compass init rails -r html5-boilerplate -u html5-boilerplate --force
+$ gem install compass_extension
+$ cd my_project
+$ compass init rails -r compass_extension -u compass_extension --force
 
 Stand Alone Installation
 ========================
 $ gem install html5-boilerplate
-$ compass create my_project -r html5-boilerplate -u html5-boilerplate --javascripts-dir js --css-dir css
+$ compass create <my_project> -r compass_extension -u compass_extension --javascripts-dir js --css-dir css --images-dir css
 
 }
 
 welcome_message %Q{
-You've installed HTML5 Boilerplate for skyron. Lucky you! ;)
+You've installed HTML5 Skyframe . Lucky you! ;)
 
 }

data/templates/project/partials/_debug.scss

@@ -0,0 +1,114 @@
+/*
+------------------------------------------------------------------------------
+888888 Yb  dP 888888 888888 88b 88 8888b.  
+88__    YbdP    88   88__   88Yb88  8I  Yb 
+88""    dPYb    88   88""   88 Y88  8I  dY 
+888888 dP  Yb   88   888888 88  Y8 8888Y"  
+------------------------------------------------------------------------------
+  Extend classes. These are classes should not in your HTML markup. 
+  These class should be reused in this module for neatness.  
+------------------------------------------------------------------------------
+*/
+
+/* =============================================================================
+   Comment
+   ========================================================================== */
+
+
+/*
+------------------------------------------------------------------------------
+8888b.  888888 888888    db    88   88 88     888888     .dP"Y8 888888 Yb  dP 88     888888 .dP"Y8 
+ 8I  Yb 88__   88__     dPYb   88   88 88       88       `Ybo."   88    YbdP  88     88__   `Ybo." 
+ 8I  dY 88""   88""    dP__Yb  Y8   8P 88  .o   88       o.`Y8b   88     8P   88  .o 88""   o.`Y8b 
+8888Y"  888888 88     dP""""Yb `YbodP' 88ood8   88       8bodP'   88    dP    88ood8 888888 8bodP' 
+------------------------------------------------------------------------------
+  Default style
+------------------------------------------------------------------------------
+*/
+
+
+
+/*
+------------------------------------------------------------------------------
+8b    d8 888888 8888b.  88    db         dP"Yb  88   88 888888 88""Yb Yb  dP                  8b    d8  dP"Yb  88""Yb 88 88     888888 
+88b  d88 88__    8I  Yb 88   dPYb       dP   Yb 88   88 88__   88__dP  YbdP      ________     88b  d88 dP   Yb 88__dP 88 88     88__   
+88YbdP88 88""    8I  dY 88  dP__Yb      Yb b dP Y8   8P 88""   88"Yb    8P       """"""""     88YbdP88 Yb   dP 88""Yb 88 88  .o 88""   
+88 YY 88 888888 8888Y"  88 dP""""Yb      `"YoYo `YbodP' 888888 88  Yb  dP                     88 YY 88  YbodP  88oodP 88 88ood8 888888 
+------------------------------------------------------------------------------
+  Mobile
+------------------------------------------------------------------------------
+*/
+@media only screen and (min-width: $mq-mob-min) and (max-width: $mq-mob-max){  
+
+  body{
+    @if($DEBUG == true){
+      @include debug-mq("MOBILE", rgba(255,0,0,0.3));    
+    }
+  }
+
+}// /@media mob
+
+
+/*
+------------------------------------------------------------------------------
+8b    d8 888888 8888b.  88    db         dP"Yb  88   88 888888 88""Yb Yb  dP                  888888    db    88""Yb 88     888888 888888 
+88b  d88 88__    8I  Yb 88   dPYb       dP   Yb 88   88 88__   88__dP  YbdP      ________       88     dPYb   88__dP 88     88__     88   
+88YbdP88 88""    8I  dY 88  dP__Yb      Yb b dP Y8   8P 88""   88"Yb    8P       """"""""       88    dP__Yb  88""Yb 88  .o 88""     88   
+88 YY 88 888888 8888Y"  88 dP""""Yb      `"YoYo `YbodP' 888888 88  Yb  dP                       88   dP""""Yb 88oodP 88ood8 888888   88   
+------------------------------------------------------------------------------
+  Tablet
+------------------------------------------------------------------------------
+*/
+@media only screen and (min-width: $mq-tab-min) and (max-width: $mq-tab-max){  
+
+  body{
+    @if($DEBUG == true){
+      @include debug-mq("TABLET", rgba(0,255,0,0.3));    
+    }
+  }
+
+}// /@media tab
+
+/*
+------------------------------------------------------------------------------
+8b    d8 888888 8888b.  88    db         dP"Yb  88   88 888888 88""Yb Yb  dP                  8888b.  888888 .dP"Y8 88  dP 888888  dP"Yb  88""Yb 
+88b  d88 88__    8I  Yb 88   dPYb       dP   Yb 88   88 88__   88__dP  YbdP      ________      8I  Yb 88__   `Ybo." 88odP    88   dP   Yb 88__dP 
+88YbdP88 88""    8I  dY 88  dP__Yb      Yb b dP Y8   8P 88""   88"Yb    8P       """"""""      8I  dY 88""   o.`Y8b 88"Yb    88   Yb   dP 88"""  
+88 YY 88 888888 8888Y"  88 dP""""Yb      `"YoYo `YbodP' 888888 88  Yb  dP                     8888Y"  888888 8bodP' 88  Yb   88    YbodP  88     
+------------------------------------------------------------------------------
+  Desktop
+------------------------------------------------------------------------------
+*/
+@media only screen and (min-width: $mq-dsk-min){
+
+  body{
+    @if($DEBUG == true){
+      @include debug-mq("DESKTOP", rgba(0,0,255,0.3));    
+    }
+  }
+
+}// /@media dsk
+
+
+
+/*
+------------------------------------------------------------------------------
+88""Yb 888888 888888 88 88b 88    db    
+88__dP 88__     88   88 88Yb88   dPYb   
+88"Yb  88""     88   88 88 Y88  dP__Yb  
+88  Yb 888888   88   88 88  Y8 dP""""Yb 
+------------------------------------------------------------------------------
+  Retina
+------------------------------------------------------------------------------
+*/
+
+@media only screen and (-webkit-min-device-pixel-ratio: $pixel-ratio-min), 
+       only screen and (min-device-pixel-ratio: $pixel-ratio-min)  {
+
+  body{
+    @if($DEBUG == true){
+      @include debug-mq("RETINA", rgba(255,0,255,0.3) );    
+    }
+  }
+
+}

data/templates/project/partials/_functions.scss

@@ -0,0 +1,10 @@
+/*
+------------------------------------------------------------------------------
+888888 88   88 88b 88  dP""b8 888888 88  dP"Yb  88b 88 .dP"Y8 
+88__   88   88 88Yb88 dP   `"   88   88 dP   Yb 88Yb88 `Ybo." 
+88""   Y8   8P 88 Y88 Yb        88   88 Yb   dP 88 Y88 o.`Y8b 
+88     `YbodP' 88  Y8  YboodP   88   88  YbodP  88  Y8 8bodP' 
+------------------------------------------------------------------------------
+	Functions
+------------------------------------------------------------------------------
+*/

data/templates/project/partials/_helpers.scss

@@ -0,0 +1,86 @@
+/* ==========================================================================
+   H5BP Helper classes
+   ========================================================================== */
+
+/*
+ * Image replacement
+ */
+
+.ir {
+    border: 0;
+    font: 0/0 a;
+    text-shadow: none;
+    color: transparent;
+    background-color: transparent;
+}
+
+/*
+ * Hide from both screenreaders and browsers: h5bp.com/u
+ */
+
+.hidden {
+    display: none !important;
+    visibility: hidden;
+}
+
+/*
+ * Hide only visually, but have it available for screenreaders: h5bp.com/v
+ */
+
+.visuallyhidden {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    width: 1px;
+}
+
+/*
+ * Extends the .visuallyhidden class to allow the element to be focusable
+ * when navigated to via the keyboard: h5bp.com/p
+ */
+
+.visuallyhidden.focusable:active,
+.visuallyhidden.focusable:focus {
+    clip: auto;
+    height: auto;
+    margin: 0;
+    overflow: visible;
+    position: static;
+    width: auto;
+}
+
+/*
+ * Hide visually and from screenreaders, but maintain layout
+ */
+
+.invisible {
+    visibility: hidden;
+}
+
+/**
+ * Clearfix helper
+ * Used to contain floats: h5bp.com/q
+ */
+
+.clearfix:before,
+.clearfix:after {
+    content: "";
+    display: table;
+}
+
+.clearfix:after {
+    clear: both;
+}
+
+/*
+ * For IE 6/7 only
+ * Include this rule to trigger hasLayout and contain floats.
+ */
+
+.clearfix {
+    *zoom: 1;
+}

data/templates/project/partials/_layout.scss

@@ -0,0 +1,177 @@
+/*
+------------------------------------------------------------------------------
+888888 Yb  dP 888888 888888 88b 88 8888b.  
+88__    YbdP    88   88__   88Yb88  8I  Yb 
+88""    dPYb    88   88""   88 Y88  8I  dY 
+888888 dP  Yb   88   888888 88  Y8 8888Y"  
+------------------------------------------------------------------------------
+  Extend classes. These are classes should not in your HTML markup. 
+  These class should be reused in this module for neatness.  
+------------------------------------------------------------------------------
+*/
+
+/* =============================================================================
+   Comment
+   ========================================================================== */
+
+
+
+/*
+------------------------------------------------------------------------------
+8888b.  888888 888888    db    88   88 88     888888     .dP"Y8 888888 Yb  dP 88     888888 .dP"Y8 
+ 8I  Yb 88__   88__     dPYb   88   88 88       88       `Ybo."   88    YbdP  88     88__   `Ybo." 
+ 8I  dY 88""   88""    dP__Yb  Y8   8P 88  .o   88       o.`Y8b   88     8P   88  .o 88""   o.`Y8b 
+8888Y"  888888 88     dP""""Yb `YbodP' 88ood8   88       8bodP'   88    dP    88ood8 888888 8bodP' 
+------------------------------------------------------------------------------
+  Default style
+------------------------------------------------------------------------------
+*/
+
+/* =============================================================================
+   Comment
+   ========================================================================== */
+  .l-main,
+  .l-main-side,
+  .l-side-main,
+  .l-side-main-side{
+    //background:$col-light-gray;
+    //border-bottom:1px solid $col-dark-gray;
+  }
+
+
+
+/*
+------------------------------------------------------------------------------
+8b    d8 888888 8888b.  88    db         dP"Yb  88   88 888888 88""Yb Yb  dP                  8b    d8  dP"Yb  88""Yb 88 88     888888 
+88b  d88 88__    8I  Yb 88   dPYb       dP   Yb 88   88 88__   88__dP  YbdP      ________     88b  d88 dP   Yb 88__dP 88 88     88__   
+88YbdP88 88""    8I  dY 88  dP__Yb      Yb b dP Y8   8P 88""   88"Yb    8P       """"""""     88YbdP88 Yb   dP 88""Yb 88 88  .o 88""   
+88 YY 88 888888 8888Y"  88 dP""""Yb      `"YoYo `YbodP' 888888 88  Yb  dP                     88 YY 88  YbodP  88oodP 88 88ood8 888888 
+------------------------------------------------------------------------------
+  Mobile
+------------------------------------------------------------------------------
+*/
+@media only screen and (min-width: $mq-mob-min) and (max-width: $mq-mob-max){  
+
+  /* =============================================================================
+     Comment
+     ========================================================================== */
+
+
+
+}// /@media mob
+
+
+/*
+------------------------------------------------------------------------------
+8b    d8 888888 8888b.  88    db         dP"Yb  88   88 888888 88""Yb Yb  dP                  888888    db    88""Yb 88     888888 888888 
+88b  d88 88__    8I  Yb 88   dPYb       dP   Yb 88   88 88__   88__dP  YbdP      ________       88     dPYb   88__dP 88     88__     88   
+88YbdP88 88""    8I  dY 88  dP__Yb      Yb b dP Y8   8P 88""   88"Yb    8P       """"""""       88    dP__Yb  88""Yb 88  .o 88""     88   
+88 YY 88 888888 8888Y"  88 dP""""Yb      `"YoYo `YbodP' 888888 88  Yb  dP                       88   dP""""Yb 88oodP 88ood8 888888   88   
+------------------------------------------------------------------------------
+  Tablet
+------------------------------------------------------------------------------
+*/
+@media only screen and (min-width: $mq-tab-min) and (max-width: $mq-tab-max){  
+
+  /* =============================================================================
+     Comment
+     ========================================================================== */
+
+
+}// /@media tab
+
+/*
+------------------------------------------------------------------------------
+8b    d8 888888 8888b.  88    db         dP"Yb  88   88 888888 88""Yb Yb  dP                  8888b.  888888 .dP"Y8 88  dP 888888  dP"Yb  88""Yb 
+88b  d88 88__    8I  Yb 88   dPYb       dP   Yb 88   88 88__   88__dP  YbdP      ________      8I  Yb 88__   `Ybo." 88odP    88   dP   Yb 88__dP 
+88YbdP88 88""    8I  dY 88  dP__Yb      Yb b dP Y8   8P 88""   88"Yb    8P       """"""""      8I  dY 88""   o.`Y8b 88"Yb    88   Yb   dP 88"""  
+88 YY 88 888888 8888Y"  88 dP""""Yb      `"YoYo `YbodP' 888888 88  Yb  dP                     8888Y"  888888 8bodP' 88  Yb   88    YbodP  88     
+------------------------------------------------------------------------------
+  Desktop
+------------------------------------------------------------------------------
+*/
+@media only screen and (min-width: $mq-dsk-min){
+
+
+
+  /* =============================================================================
+     Layout: Main  
+     ========================================================================== */
+  .l-main{
+    @include legacy-pie-clearfix;
+
+    .mod-content{
+      @include span-columns(12, 12);
+      
+    }// /.mod-content 
+
+  }// /.l-main
+
+
+  /* =============================================================================
+     Layout: Main Side 
+     ========================================================================== */
+  .l-main-side{
+    @include legacy-pie-clearfix;
+
+    .mod-sidebar{
+      @include span-columns(3, 12);
+
+
+      &:last-child{
+        @include omega;
+      }
+    }// /.mod-sidebar
+
+    .mod-content{
+      @include span-columns(9, 12);
+      
+    }// /.mod-content 
+
+  }// /.l-main-side
+
+
+  /* =============================================================================
+     Layout: Side Main
+     ========================================================================== */
+  .l-side-main{
+    @include legacy-pie-clearfix;
+
+    .mod-sidebar{
+      @include span-columns(3, 12);
+    }// /.mod-sidebar
+
+    .mod-content{
+      @include span-columns(9 omega, 12);
+      
+    }// /.mod-content 
+
+  }// /.l-main-side
+
+
+  /* =============================================================================
+     Layout: Side Main Side 
+     ========================================================================== */
+  .l-side-main-side{
+    @include legacy-pie-clearfix;
+
+    .mod-sidebar{
+      @include span-columns(3, 12);
+
+      &:last-child{
+        @include omega;
+      }
+    }// /.mod-sidebar
+
+    .mod-content{
+      @include span-columns(6, 12);
+      
+    }// /.mod-content 
+
+  }
+
+
+}// /@media dsk
+
+
+