compass_extension 0.1.4 → 0.1.5

data/templates/project/partials/_media.scss

@@ -1,38 +1,184 @@
-// ==|== media queries ======================================================
-// PLACEHOLDER Media Queries for Responsive Design.
-// These override the primary ('mobile first') styles
-// Modify as content requires.
-// ========================================================================== */
-@media only screen and (min-width: 320px) {
-  /* Style adjustments for viewports 320px and over go here */
+/* ==========================================================================
+   H5BP Normalize bits
+   Media
+   ========================================================================== */
+/*
+ * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
+ */
 
+audio,
+canvas,
+video {
+    display: inline-block;
+    *display: inline;
+    *zoom: 1;
 }
 
+/*
+ * Prevents modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS5 devices.
+ */
 
-@media only screen and (min-width: 480px) {
-  /* Style adjustments for viewports 480px and over go here */
+audio:not([controls]) {
+    display: none;
+    height: 0;
+}
+
+
+/*
+ * Addresses margin not present in IE6/7/8/9, S5, O11.
+ */
+
+figure {
+    margin: 0;
+}
+
+/*
+ * 1. Removes border when inside `a` element in IE6/7/8/9, FF3.
+ * 2. Improves image quality when scaled in IE7.
+ *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
+ */
+
+img {
+    border: 0; /* 1 */
+    -ms-interpolation-mode: bicubic; /* 2 */
+}
+
+/*
+ * Corrects overflow displayed oddly in IE9.
+ */
 
+svg:not(:root) {
+    overflow: hidden;
 }
 
-@media only screen and (min-width: 768px) {
-  /* Style adjustments for viewports 768px and over go here */
 
+
+
+/*
+------------------------------------------------------------------------------
+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
+------------------------------------------------------------------------------
+*/
+
+
+/* =============================================================================
+   Remove the gap between images and the bottom of their containers: h5bp.com/i/440
+   ========================================================================== */
+img {
+    vertical-align: middle;
+}
+
+img{
+  max-width:100%;
 }
 
-@media only screen and (min-width: 980px) {
-  /* Style adjustments for viewports 980px and over go here */
+img.full{
+  min-width:100%;
+}
 
+video{
+  min-width:100%;
+  max-width:100%;
 }
 
 
 
-// ==|== print styles =======================================================
-// Print styles.
-// Inlined to avoid required HTTP connection: h5bp.com/r
-// ========================================================================== */
 
-@media print {
-  @include h5bp-media-print;
+/*
+------------------------------------------------------------------------------
+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){
+
+  /* =============================================================================
+     Comment
+     ========================================================================== */
+
+
+}// /@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 screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
 
-  /* Style adjustments for print go here */
 }

data/templates/project/partials/_misc.scss

@@ -0,0 +1,103 @@
+/*----------------------------------------------------------------------------
+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
+----------------------------------------------------------------------------*/
+
+/* ==========================================================================
+   Chrome Frame prompt
+   ========================================================================== */
+
+.chromeframe {
+    margin: 0.2em 0;
+    background: #ccc;
+    color: #000;
+    padding: 0.2em 0;
+}
+
+
+
+/*----------------------------------------------------------------------------
+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){
+
+  /* ===========================================================================
+     Comment
+     ======================================================================== */
+
+}// /@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 screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
+
+}

data/templates/project/partials/_mixins.scss

@@ -0,0 +1,85 @@
+/*
+------------------------------------------------------------------------------
+8b    d8 88 Yb  dP 88 88b 88 .dP"Y8 
+88b  d88 88  YbdP  88 88Yb88 `Ybo." 
+88YbdP88 88  dPYb  88 88 Y88 o.`Y8b 
+88 YY 88 88 dP  Yb 88 88  Y8 8bodP' 
+------------------------------------------------------------------------------
+	Mixins
+------------------------------------------------------------------------------
+*/
+
+/* =============================================================================
+   Debug Media Query
+   ========================================================================== */
+@mixin debug-mq($message, $color: rgba(255,255,0, 0.6) ){
+    &::before{
+        content: $message;
+        font-weight: bold;
+        display: block;
+        text-align: center;
+        background: #{$color};
+        position: absolute;
+        right: 0;
+        left: 0;
+        top: 0;
+        z-index: 99;
+    }
+}
+
+/* =============================================================================
+   Font-size in REM with PX fallback / Line-height / Margin. 
+   Note: margin-top + margin-bottom need the equal the line-height. That value 
+   needs to be divisible by $base-line-height to keep the vertical rhymth
+   ========================================================================== */
+@mixin fz($size: 16px, $lines: 2){
+  
+  @include adjust-font-size-to($size, $lines);
+  margin: ($base-line-height/2) 0;
+  margin: ((($base-line-height/$base-font-size)/2) + rem) 0;
+  //@debug ((($base-line-height/$base-font-size)/2) + rem) 0;
+
+}
+
+/* =============================================================================
+   Vertical Rhymth Margins: 
+   Note: Adds margin-top/bottom. margin-left/right are set to 0.
+
+   Use: When you have used a function like horizontal-list(), 
+   it resets the margin to 0. vr-ma() can used to add margins back to 
+   keep the vertical rhymth
+   ========================================================================== */
+@mixin vr-ma(){
+  margin: ($base-line-height/2) 0;
+  margin: ((($base-line-height/$base-font-size)/2) + rem) 0;
+
+}
+
+
+/* =============================================================================
+   Input Style
+   Note: Adds margin-top/bottom. margin-left/right are set to 0.
+   ========================================================================== */
+/*
+@mixin input-style($fz:20, $rad:5px ){
+// Inputs
+  //width:100%;
+  @include box-sizing(border-box);
+  @include font-size($fz);
+  @include border-radius($rad);
+  
+  @include background( linear-gradient(top, #dfdfdf 1%, #ffffff 10% ) );  
+
+  border: 1px solid $input-border-col;
+  padding:5px 5px;
+  color:$black;
+  
+  &:focus{ outline:none;}
+
+  &:focus,
+  &:hover{ border: 1px solid darken($input-border-col, 20%)  }
+
+}
+*/
+
+

data/templates/project/partials/_mods.scss

@@ -0,0 +1,65 @@
+/*
+------------------------------------------------------------------------------
+8b    d8  dP"Yb  8888b.  88   88 88     888888 .dP"Y8 
+88b  d88 dP   Yb  8I  Yb 88   88 88     88__   `Ybo." 
+88YbdP88 Yb   dP  8I  dY Y8   8P 88  .o 88""   o.`Y8b 
+88 YY 88  YbodP  8888Y"  `YbodP' 88ood8 888888 8bodP' 
+------------------------------------------------------------------------------
+  Modules - yep, everything is a module
+------------------------------------------------------------------------------
+*/
+
+@import "mods/mod-header";
+@import "mods/mod-footer";
+@import "mods/mod-main-nav";
+@import "mods/mod-breadcrumb";
+
+@import "mods/mod-form"; // Inc validation
+@import "mods/mod-table"; 
+@import "mods/mod-block"; // Standard mod
+@import "mods/mod-intro";
+@import "mods/mod-strip"; // 3 col layout
+@import "mods/mod-map"; // google map
+@import "mods/mod-carousel"; // Spotlight 
+@import "mods/mod-paging";
+
+/*
+
+
+
+@import "mods/mod-content-nav"; // Aside
+
+@import "mods/mod-message"; // Succuss / Errors / Warnings 
+
+@import "mods/mod-standard";
+
+@import "mods/mod-intro";
+
+
+
+@import "mods/mod-tab";
+
+@import "mods/mod-accordian";
+
+@import "mods/mod-table";
+
+@import "mods/mod-pull-out";
+
+@import "mods/mod-social"; // Share social networks
+
+
+
+@import "mods/mod-cta"; // Call to actions
+
+@import "mods/mod-login"; 
+
+@import "mods/mod-blog"; 
+
+@import "mods/mod-widget"; 
+
+@import "mods/mod-sitemap"; 
+                           
+*/
+
+
+

data/templates/project/partials/_normalize.scss

@@ -0,0 +1,36 @@
+/*! normalize.css 2012-08-07T21:27 UTC | MIT License | git.io/normalize */
+
+/* ==========================================================================
+   HTML5 display definitions
+   ========================================================================== */
+
+/*
+ * Corrects `block` display not defined in IE6/7/8/9 & FF3.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section,
+summary {
+    display: block;
+}
+
+
+/*
+ * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
+ * Known issue: no IE6 support.
+ */
+
+[hidden] {
+    display: none;
+}
+
+
+

data/templates/project/partials/_print.scss

@@ -0,0 +1,71 @@
+/* ==========================================================================
+   H5BP Print styles.
+   Inlined to avoid required HTTP connection: h5bp.com/r
+   ========================================================================== */
+
+@media print {
+    * {
+        background: transparent !important;
+        color: #000 !important; /* Black prints faster: h5bp.com/s */
+        box-shadow:none !important;
+        text-shadow: none !important;
+    }
+
+    a,
+    a:visited {
+        text-decoration: underline;
+    }
+
+    a[href]:after {
+        content: " (" attr(href) ")";
+    }
+
+    abbr[title]:after {
+        content: " (" attr(title) ")";
+    }
+
+    /*
+     * Don't show links for images, or javascript/internal links
+     */
+
+    .ir a:after,
+    a[href^="javascript:"]:after,
+    a[href^="#"]:after {
+        content: "";
+    }
+
+    pre,
+    blockquote {
+        border: 1px solid #999;
+        page-break-inside: avoid;
+    }
+
+    thead {
+        display: table-header-group; /* h5bp.com/t */
+    }
+
+    tr,
+    img {
+        page-break-inside: avoid;
+    }
+
+    img {
+        max-width: 100% !important;
+    }
+
+    @page {
+        margin: 0.5cm;
+    }
+
+    p,
+    h2,
+    h3 {
+        orphans: 3;
+        widows: 3;
+    }
+
+    h2,
+    h3 {
+        page-break-after: avoid;
+    }
+}