skyframe 0.0.1.beta

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,140 @@
+/*
+------------------------------------------------------------------------------
+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){
+  
+  font-size:$size;
+  @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;
+
+}
+
+/* =============================================================================
+   Vertical Rhymth Margins: 
+   Note: Adds margin-top.
+   ========================================================================== */
+@mixin vr-mt(){
+  margin-top: $base-line-height;
+  margin-top: (($base-line-height/$base-font-size) + rem);
+}
+
+/* =============================================================================
+   Vertical Rhymth Margins: 
+   Note: Adds margin-bottom.
+   ========================================================================== */
+@mixin vr-mb(){
+  margin-bottom: $base-line-height;
+  margin-bottom: (($base-line-height/$base-font-size) + rem);
+}
+
+
+
+/* =============================================================================
+   Input Style
+   Note: Adds margin-top/bottom. margin-left/right are set to 0.
+   ========================================================================== */
+
+@mixin input-style($fz:16px, $rad:5px ){
+  
+  @include box-sizing(border-box);
+  @include border-radius($rad);
+  
+  border: 1px solid $col-dark-gray;
+  padding-left:5px;
+  padding-right:5px;
+  color:$col-body;
+  
+  //&:focus{ outline:none;}
+
+  &:focus,
+  &:hover{ border: 1px solid darken($col-dark-gray, 20%)  }
+
+}
+
+/* =============================================================================
+   Button Style
+   Note: Adds margin-top/bottom. margin-left/right are set to 0.
+   ========================================================================== */
+@mixin button-style( $fz:14px, $bg:#000, $col:#fff, $border:#ccc ){
+
+  cursor: pointer;
+  @include inline-block;
+  background:$bg;
+  color:$col;
+  border:none;
+  
+  font-size:$fz;
+  font-size: ($fz/$base-font-size)+em;
+  font-weight:600;
+  line-height:$lh-px;
+  line-height:$lh-rem;
+  text-decoration:none;
+
+  padding:0 ($base-line-height)/2;
+  padding:0 (($base-font-size/$base-line-height)/2)+rem;
+  @include border-radius(5px);
+
+  &.active,
+  &:hover,
+  &:focus{
+    background: lighten($bg, 50%);
+    text-decoration:none;
+  }// :hover
+
+  &[disabled]{
+    color: darken($col-gray, 30%);
+    @include background(none);
+    background: $col-gray;
+  }
+
+
+
+}

data/templates/project/partials/_mods.scss

@@ -0,0 +1,59 @@
+/*
+------------------------------------------------------------------------------
+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-layouts"; // Layouts for mods
+@import "mods/mod-block"; //
+
+@import "mods/mod-msg"; // Messages - Errors/Warnings/Success
+@import "mods/mod-form"; // Inc validation
+@import "mods/mod-table"; 
+
+@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-split-form";  // Sign In / Forgot Password
+@import "mods/mod-sitemap"; 
+@import "mods/mod-widget";
+/*
+
+
+
+@import "mods/mod-content-nav"; // Aside
+
+@import "mods/mod-tab";
+
+@import "mods/mod-accordian";
+
+@import "mods/mod-pull-out";
+
+@import "mods/mod-social"; // Share social networks
+
+@import "mods/mod-cta"; // Call to actions
+
+
+
+@import "mods/mod-blog"; 
+
+
+                           
+*/
+
+
+

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,80 @@
+/* ==========================================================================
+   H5BP Print styles.
+   Inlined to avoid required HTTP connection: h5bp.com/r
+   ========================================================================== */
+
+@media print {
+
+    .hdr-logo img{
+        display:block;
+    }
+
+    .mobile-main-nav{
+        display:none;   
+    }
+
+    * {
+        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;
+    }
+}

data/templates/project/partials/_type.scss

@@ -0,0 +1,331 @@
+/* ==========================================================================
+   Type 
+   H5BP Normalize bits
+   ========================================================================== */
+html {
+  font-size: 100%; /* 1 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+  -ms-text-size-adjust: 100%; /* 2 */
+}
+
+// ***:EDIT
+html,
+button,
+input,
+select,
+textarea {
+  font-family: $base-font;
+}
+
+body {
+  margin: 0;
+}
+
+a:focus {
+  outline: thin dotted;
+}
+
+a:active,
+a:hover {
+    outline: 0;
+}
+
+abbr[title] {
+    border-bottom: 1px dotted;
+}
+
+b,
+strong {
+    font-weight: bold;
+}
+
+// ***:EDIT
+blockquote {
+    margin: $lh-px  0;
+    margin: $lh-rem 0;
+}
+
+dfn {
+    font-style: italic;
+}
+
+mark {
+    background: #ff0;
+    color: #000;
+}
+
+// ***:EDIT
+p,
+pre {
+  @include vr-ma; 
+}
+
+code,
+kbd,
+pre,
+samp {
+    font-family: monospace, serif;
+    _font-family: 'courier new', monospace;
+    font-size: 1em;
+}
+
+pre {
+    white-space: pre;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+}
+
+q {
+    quotes: none;
+}
+
+q:before,
+q:after {
+    content: '';
+    content: none;
+}
+
+small {
+    font-size: 75%;
+}
+
+sub,
+sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+}
+
+sup {
+    top: -0.5em;
+}
+
+sub {
+    bottom: -0.25em;
+}
+
+/* ==========================================================================
+   Lists
+   ========================================================================== */
+dl,
+menu,
+ol,
+ul {
+    margin: 0;
+}
+
+dd {
+    margin: 0;
+}
+
+// ***:EDIT
+menu,
+ol,
+ul {
+    padding: 0;
+    list-style-position:inside;
+    margin:$lh-px 0;
+    margin:$lh-rem 0;
+}
+
+nav ul,
+nav ol {
+    list-style: none;
+    list-style-image: none;
+}
+
+
+
+
+::-moz-selection {
+    background: #ff0099;
+    color:#fff;
+    text-shadow: none;
+}
+
+::selection {
+    background: #ff0099;
+    color:#fff;
+    text-shadow: none;
+}
+
+/*
+ * A better looking default horizontal rule
+ */
+
+hr {
+    display: block;
+    height: 1px;
+    border: 0;
+    border-top: 1px solid #ccc;
+    margin: 1em 0;
+    padding: 0;
+}
+
+
+/*
+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.  
+------------------------------------------------------------------------------
+*/
+
+
+
+
+
+
+/*
+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
+------------------------------------------------------------------------------
+*/
+
+html,
+button,
+input,
+select,
+textarea {
+    color: $col-body;
+}
+
+
+@include establish-baseline();
+body{
+  //@include reset-baseline;
+  @if $DEBUG == true{ 
+    @include debug-vertical-alignment(); 
+  }
+}
+
+/* ==========================================================================
+   Headings ***:EDIT
+   ========================================================================== */
+
+h1,h2,h3,h4,h5,h6{ 
+  font-family:$base-font-alt;
+  font-weight:600;
+  margin:0; 
+  color:$col-header;
+}
+
+h1 {
+  @include fz(32px);
+}
+
+h2 {
+  @include fz(24px, 1);
+}
+
+h3 {
+  @include fz(20px, 1);
+}
+
+h4 {
+  @include fz(18px, 1);
+}
+
+h5 {
+  @include fz(16px, 1);
+}
+
+h6 {
+  @include fz(12px, 1);
+}
+
+
+
+/* =============================================================================
+   Links
+   ========================================================================== */
+a {
+    color: #00e;
+}
+
+a:visited {
+    color: #551a8b;
+}
+
+a:hover {
+    color: #06e;
+}
+
+a.btn{
+  @include button-style;
+}
+
+.lt-ie8{
+  a.btn{
+    vertical-align:top;
+    //margin-top:-24px;
+    //background:pink;
+  }
+}
+
+/*
+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
+
+
+