skyframe 0.0.1.beta

data/templates/project/partials/_vars.scss

@@ -0,0 +1,114 @@
+/*
+------------------------------------------------------------------------------
+Yb    dP    db    88""Yb 88    db    88""Yb 88     888888 .dP"Y8 
+ Yb  dP    dPYb   88__dP 88   dPYb   88__dP 88     88__   `Ybo." 
+  YbdP    dP__Yb  88"Yb  88  dP__Yb  88""Yb 88  .o 88""   o.`Y8b 
+   YP    dP""""Yb 88  Yb 88 dP""""Yb 88oodP 88ood8 888888 8bodP' 
+------------------------------------------------------------------------------
+  Variables: All global variables should be stored here. 
+------------------------------------------------------------------------------
+*/
+
+/* =============================================================================
+   Debug
+   ========================================================================== */
+//$DEBUG          : true;
+$DEBUG          : false;
+
+/* =============================================================================
+   Basic Grid
+   ========================================================================== */
+$total-columns  : 12;
+$column-width   : 4em;
+$gutter-width   : 1em;
+$grid-padding   : $gutter-width;
+
+$show-grid-backgrounds  : true;
+
+
+
+/* =============================================================================
+   Media Queries / Retina Display
+   ========================================================================== */
+$mq-mob-min		   :0 ;
+$mq-mob-max		   :480px;
+    
+$mq-tab-min		   :481px; 
+$mq-tab-max		   :800px;
+    
+$mq-dsk-min		   :801px;
+$mq-dsk-max		   :1200px;
+
+$pixel-ratio-min :1.5;
+//$pixel-ratio   :1;
+
+/* =============================================================================
+   Logo
+   ========================================================================== */
+$logo-width       :328;
+$logo-height      :72;
+   
+$logo-ratio       :$logo-height/$logo-width;
+//@debug $logo-ratio;
+
+/* =============================================================================
+   Padding / Margins
+   ========================================================================== */
+/*   
+$pad-t              :; //top
+$pad-b              :; //bottom
+$pad-l              :; //left
+$pad-r              :; //right
+
+$mar-t              :; //top
+$mar-b              :; //bottom
+$mar-l              :; //left
+$mar-r              :; //right
+*/
+
+/* =============================================================================
+   Colours
+   ========================================================================== */
+/*
+$col-pri            :; // primary
+$col-sec            :; // secondary
+$col-ter            :; // tertiary
+*/
+
+$col-header         :#1B1B1B;
+$col-body           :#222;
+
+$col-black          :#000;
+$col-white          :#fff;
+$col-light-gray     :#eee;
+$col-gray           :#dedede;
+$col-dark-gray      :#ccc;
+/*
+$col-red            :;
+$col-green          :;
+$col-blue           :;
+$col-yellow         :;
+*/
+
+/* =============================================================================
+   Typography - These vars are used throughout the project. Do NOT remove.
+   Used in Compass Vertical Rhythm
+   ========================================================================== */
+@import url(http://fonts.googleapis.com/css?family=Open+Sans|PT+Serif+Caption);
+
+$base-font-size   :16px; 
+$base-line-height :24px; 
+
+// Shortcuts
+$lh-px            :$base-line-height;
+$lh-rem           :($base-line-height/$base-font-size) + rem;
+
+$base-font        :'Open Sans', sans-serif;
+$base-font-alt    : 'PT Serif Caption', serif;
+
+/* =============================================================================
+   Forms
+   ========================================================================== */
+
+
+

data/templates/project/partials/mods/_mod-block.scss

@@ -0,0 +1,96 @@
+/*----------------------------------------------------------------------------
+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
+----------------------------------------------------------------------------*/
+
+/* ===========================================================================
+   Standard Mod Styles
+   ======================================================================== */
+.mod-block{
+
+}
+
+
+/*----------------------------------------------------------------------------
+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/mods/_mod-breadcrumb.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.  
+------------------------------------------------------------------------------
+*/
+
+
+/*
+------------------------------------------------------------------------------
+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
+------------------------------------------------------------------------------
+*/
+
+/* =============================================================================
+   Breadcrumb 
+   ========================================================================== */
+.mod-breadcrumb{
+  @include fz(12px);
+  margin:0;
+
+  ul{
+    @include horizontal-list;
+  }
+
+  li{
+    &:after{
+      content: '»';
+      padding-left:8px;
+    }
+    &:last-child{
+      &:after{
+        content: ' ';
+        
+      }// /:after
+    }// /:last-child
+
+  }// li
+
+}// .mod-breadcrumb
+
+
+/*
+------------------------------------------------------------------------------
+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){  
+
+  .mod-breadcrumb{
+  //  display:none;
+  }
+
+
+}// /@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){  
+
+
+}// /@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){
+
+}// /@media dsk
+
+
+

data/templates/project/partials/mods/_mod-carousel.scss

@@ -0,0 +1,108 @@
+@import "../plugins/flexslider";
+
+/*----------------------------------------------------------------------------
+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
+----------------------------------------------------------------------------*/
+
+/* ===========================================================================
+   Spotlight
+   ======================================================================== */
+.mod-spotlight{
+  ul{
+    
+    list-style:none;
+    list-style-position:outside;
+    
+  }
+}
+
+
+/*----------------------------------------------------------------------------
+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: $pixel-ratio-min), 
+       screen and (max--moz-device-pixel-ratio: $pixel-ratio-min),
+       screen and (-o-min-device-pixel-ratio: ($pixel-ratio-min/1)),
+       screen and (min-device-pixel-ratio: $pixel-ratio-min)  {
+
+}*/
+@media only screen and (-webkit-min-device-pixel-ratio: $pixel-ratio-min), 
+       only screen and (min-device-pixel-ratio: $pixel-ratio-min)  {
+        
+}

data/templates/project/partials/mods/_mod-footer.scss

@@ -0,0 +1,199 @@
+/*
+------------------------------------------------------------------------------
+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
+------------------------------------------------------------------------------
+*/
+
+/* =============================================================================
+   Footer
+   ========================================================================== */
+.mod-footer{
+  background:$col-light-gray; 
+  //margin-top: (($base-line-height/$base-font-size)+em);
+  padding:(($base-line-height/$base-font-size)+em) 0;
+  margin-top:(($base-line-height/$base-font-size)+em);
+}
+  
+  .ftr-nav{}
+
+  .vcard{}
+    .ftr-contact{}
+    .mod-social-links{}
+
+  .mod-legal-nav{}
+
+
+/*
+------------------------------------------------------------------------------
+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){  
+
+  .mod-footer{
+    ul{
+      list-style:none;
+
+    }
+    li{
+
+      text-align:center;
+      //border-bottom:1px solid $col-dark-gray;
+      a{
+        display:block;
+        
+        &.active{}
+      }// a
+    }// li
+  }
+
+
+
+  .mod-footer{
+    
+  }
+
+    .ftr-nav{
+      //@include columns(2);
+      li{
+        @include vr-mb;
+      }
+    }
+
+    .vcard{}
+      .ftr-contact{
+        li{
+          @include vr-ma;
+        }
+      }
+      .mod-social-links{
+
+        @include horizontal-list;
+        @include vr-mb;
+      }
+
+    .mod-legal-nav{
+      
+      .copyright{
+        
+        em{
+          display:none;
+        }
+      }
+    }
+
+
+
+
+
+}// /@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){  
+
+  .mod-footer{
+    
+  }
+
+    .ftr-nav{
+      @include horizontal-list;
+      @include vr-mb;
+    }
+
+    .vcard{}
+      .ftr-contact{
+        @include horizontal-list;
+        @include vr-mb;
+      }
+      .mod-social-links{
+        @include horizontal-list;
+        @include vr-mb;
+      }
+
+    .mod-legal-nav{
+      @include horizontal-list;
+      .copyright{
+        //padding-left:0;
+        em{
+          display:none;
+        }
+      }
+    }
+
+
+}// /@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){
+
+  .mod-footer{
+    
+  }
+
+    .ftr-nav{
+      @include horizontal-list;
+      @include vr-mb;
+    }
+
+    .vcard{}
+      .ftr-contact{
+        @include horizontal-list;
+        @include vr-mb;
+      }
+      .mod-social-links{
+        @include horizontal-list;
+        @include vr-mb;
+      }
+
+    .mod-legal-nav{
+      @include horizontal-list;
+      
+    }
+
+
+}// /@media dsk
+
+
+