compass_extension 0.1.4 → 0.1.5

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

@@ -0,0 +1,120 @@
+/*----------------------------------------------------------------------------
+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.  
+----------------------------------------------------------------------------*/
+
+/* ===========================================================================
+   Strip
+   ======================================================================== */
+.mod-strip{
+  background:red;
+  article{
+    background:yellow;
+  }
+}
+
+
+/*----------------------------------------------------------------------------
+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
+   ======================================================================== */
+
+
+
+/*----------------------------------------------------------------------------
+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){
+
+  .mod-strip{
+    background:red;
+    article{
+      
+      @include span-columns(4);
+
+      &:last-child{
+        @include omega;
+        background:red;
+      }
+      
+    }
+
+  }
+
+}// /@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-table.scss

@@ -0,0 +1,118 @@
+/* ==========================================================================
+   Tables
+   H5BP Normalize bits
+   ========================================================================== */
+
+/*
+ * Remove most spacing between table cells.
+ */
+
+table {
+    border-collapse: collapse;
+    border-spacing: 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.  
+----------------------------------------------------------------------------*/
+
+/* ===========================================================================
+   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
+   ======================================================================== */
+
+
+
+/*----------------------------------------------------------------------------
+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/sass-template.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
+----------------------------------------------------------------------------*/
+
+/* ===========================================================================
+   Comment
+   ======================================================================== */
+
+
+
+/*----------------------------------------------------------------------------
+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/screen.scss

@@ -0,0 +1,55 @@
+/*
+------------------------------------------------------------------------------
+88 8b    d8 88""Yb  dP"Yb  88""Yb 888888 .dP"Y8
+88 88b  d88 88__dP dP   Yb 88__dP   88   `Ybo."
+88 88YbdP88 88"""  Yb   dP 88"Yb    88   o.`Y8b
+88 88 YY 88 88      YbodP  88  Yb   88   8bodP'
+------------------------------------------------------------------------------
+  Imports
+------------------------------------------------------------------------------
+*/
+
+@import "compass";
+@import "susy"; // Grid system
+
+
+@import "partials/vars";
+@import "partials/functions";
+@import "partials/mixins";
+@import "partials/normalize"; // H5BP normalize
+
+
+@import "partials/type";
+@import "partials/layout"; // Structure
+
+@import "partials/media";
+
+@import "partials/mods"; // Modules
+@import "partials/misc"; // misc element. eg chromeframe
+
+//@import "partials/state";
+/*
+.is-active
+.is-open??
+.is-collapsed
+.is-disabled
+.
+
+*/
+
+
+
+
+//@import "partials/media-queries"; // debug
+@import "partials/helpers"; // H5BP Helpers
+@import "partials/print"; // H5BP Print style
+@import "partials/debug"; // Debug
+
+
+/* =============================================================================
+   Layout
+   ========================================================================== */
+.container {
+  @include container;
+  //@include susy-grid-background;
+}

metadata

@@ -1,11 +1,11 @@
 --- !ruby/object:Gem::Specification
 name: compass_extension
 version: !ruby/object:Gem::Version
-  version: 0.1.4
+  version: 0.1.5
   prerelease: 
 platform: ruby
 authors:
-- Skyron ltd
+- Skyron ltd, Yann Le Corre, Dil Ahdan, Aung Win
 autorequire: 
 bindir: bin
 cert_chain: []
@@ -28,7 +28,7 @@ dependencies:
       - !ruby/object:Gem::Version
         version: 0.12.2
 description: create a default project structure to develop with compass
-email: 
+email: yann.lecorre@skyron.co.uk
 executables: []
 extensions: []
 extra_rdoc_files: []
@@ -45,52 +45,75 @@ files:
 - stylesheets/_main.scss
 - templates/project/application.html.haml
 - templates/project/files/404.html
+- templates/project/files/about.html
 - templates/project/files/apple-touch-icon-114x114-precomposed.png
 - templates/project/files/apple-touch-icon-57x57-precomposed.png
 - templates/project/files/apple-touch-icon-72x72-precomposed.png
 - templates/project/files/apple-touch-icon-precomposed.png
 - templates/project/files/apple-touch-icon.png
+- templates/project/files/blog.html
+- templates/project/files/contact.html
 - templates/project/files/crossdomain.xml
+- templates/project/files/dummy-full.png
 - templates/project/files/favicon.ico
 - templates/project/files/favicon.png
 - templates/project/files/google.yml
 - templates/project/files/humans.txt
+- templates/project/files/inc/breadcrumb.html
+- templates/project/files/inc/footer.html
+- templates/project/files/inc/header.html
+- templates/project/files/inc/main-nav.html
+- templates/project/files/index.html
+- templates/project/files/logo.png
+- templates/project/files/logo@2x.png
+- templates/project/files/products.html
 - templates/project/files/robots.txt
+- templates/project/files/services.html
+- templates/project/index.html
 - templates/project/index.html.haml
-- templates/project/javascripts/jquery-1.7.2.js
-- templates/project/javascripts/jquery-1.7.2.min.js
-- templates/project/javascripts/jquery-ui-1.8.22.min.js
-- templates/project/javascripts/modernizr-2.5.3.min.js
+- templates/project/javascripts/libs/jquery-1.7.2.js
+- templates/project/javascripts/libs/jquery-1.7.2.min.js
+- templates/project/javascripts/libs/jquery-ui-1.8.22.min.js
+- templates/project/javascripts/libs/modernizr-2.5.3.min.js
+- templates/project/javascripts/libs/respond.min.js
+- templates/project/javascripts/libs/selectivizr.js
 - templates/project/javascripts/plugins.js
 - templates/project/javascripts/rails.js
-- templates/project/javascripts/respond.min.js
 - templates/project/javascripts/script.js
 - templates/project/manifest.rb
-- templates/project/partials/modules/_mod-breadcrumb.scss
-- templates/project/partials/modules/_mod-carousels.scss
-- templates/project/partials/modules/_mod-default.scss
-- templates/project/partials/modules/_mod-form.scss
-- templates/project/partials/modules/_mod-login.scss
-- templates/project/partials/modules/_mod-pagination.scss
-- templates/project/partials/modules/_mod-subnav.scss
-- templates/project/partials/modules/_mod-widget.scss
-- templates/project/partials/SCSS_template.scss
-- templates/project/partials/_base.scss
-- templates/project/partials/_fonts.scss
-- templates/project/partials/_footer.scss
-- templates/project/partials/_header.scss
+- templates/project/partials/mods/_mod-block.scss
+- templates/project/partials/mods/_mod-breadcrumb.scss
+- templates/project/partials/mods/_mod-carousel.scss
+- templates/project/partials/mods/_mod-footer.scss
+- templates/project/partials/mods/_mod-form.scss
+- templates/project/partials/mods/_mod-header.scss
+- templates/project/partials/mods/_mod-intro.scss
+- templates/project/partials/mods/_mod-main-nav.scss
+- templates/project/partials/mods/_mod-map.scss
+- templates/project/partials/mods/_mod-paging.scss
+- templates/project/partials/mods/_mod-strip.scss
+- templates/project/partials/mods/_mod-table.scss
+- templates/project/partials/sass-template.scss
+- templates/project/partials/_debug.scss
+- templates/project/partials/_functions.scss
+- templates/project/partials/_helpers.scss
+- templates/project/partials/_layout.scss
 - templates/project/partials/_media.scss
-- templates/project/partials/_modules.scss
-- templates/project/partials/_overrides.scss
-- templates/project/partials/_page.scss
-- templates/project/style.scss
+- templates/project/partials/_misc.scss
+- templates/project/partials/_mixins.scss
+- templates/project/partials/_mods.scss
+- templates/project/partials/_normalize.scss
+- templates/project/partials/_print.scss
+- templates/project/partials/_type.scss
+- templates/project/partials/_vars.scss
+- templates/project/screen.scss
 - templates/project/_flashes.html.haml
 - templates/project/_footer.html.haml
 - templates/project/_head.html.haml
 - templates/project/_header.html.haml
 - templates/project/_javascripts.html.haml
 - templates/project/_stylesheets.html.haml
-homepage: 
+homepage: http://skyron.co.uk
 licenses: []
 post_install_message: 
 rdoc_options: []

data/templates/project/partials/SCSS_template.scss

@@ -1,83 +0,0 @@
-/*
-     ___             .-.                          ___   ___                     ___                  ___
-    (   )           /    \                       (   ) (   )                   (   )                (   )
-  .-.| |    .--.    | .`. ;    .---.   ___  ___   | |   | |_           .--.     | |_      ___  ___   | |    .--.       .--.
- /   \ |   /    \   | |(___)  / .-, \ (   )(   )  | |  (   __)       /  _  \   (   __)   (   )(   )  | |   /    \    /  _  \
-|  .-. |  |  .-. ;  | |_     (__) ; |  | |  | |   | |   | |         . .' `. ;   | |       | |  | |   | |  |  .-. ;  . .' `. ;
-| |  | |  |  | | | (   __)     .'`  |  | |  | |   | |   | | ___     | '   | |   | | ___   | |  | |   | |  |  | | |  | '   | |
-| |  | |  |  |/  |  | |       / .'| |  | |  | |   | |   | |(   )    _\_`.(___)  | |(   )  | '  | |   | |  |  |/  |  _\_`.(___)
-| |  | |  |  ' _.'  | |      | /  | |  | |  | |   | |   | | | |    (   ). '.    | | | |   '  `-' |   | |  |  ' _.' (   ). '.
-| '  | |  |  .'.-.  | |      ; |  ; |  | |  ; '   | |   | ' | |     | |  `\ |   | ' | |    `.__. |   | |  |  .'.-.  | |  `\ |
-' `-'  /  '  `-' /  | |      ' `-'  |  ' `-'  /   | |   ' `-' ;     ; '._,' '   ' `-' ;    ___ | |   | |  '  `-' /  ; '._,' '
- `.__,'    `.__.'  (___)     `.__.'_.   '.__.'   (___)   `.__.       '.___.'     `.__.    (   )' |  (___)  `.__.'    '.___.'
-                                                                                           ; `-' '
-                                                                                            .__.'
-*/
-
-
-
-
-/*
-                             ___
-                            (   )  .-.
- ___ .-. .-.     .--.     .-.| |  ( __)   .---.      .--.     ___  ___    .--.    ___ .-.     ___  ___
-(   )   '   \   /    \   /   \ |  (''")  / .-, \    /    \   (   )(   )  /    \  (   )   \   (   )(   )
- |  .-.  .-. ; |  .-. ; |  .-. |   | |  (__) ; |   |  .-. '   | |  | |  |  .-. ;  | ' .-. ;   | |  | |
- | |  | |  | | |  | | | | |  | |   | |    .'`  |   | |  | |   | |  | |  |  | | |  |  / (___)  | |  | |
- | |  | |  | | |  |/  | | |  | |   | |   / .'| |   | |  | |   | |  | |  |  |/  |  | |         | '  | |
- | |  | |  | | |  ' _.' | |  | |   | |  | /  | |   | |  | |   | |  | |  |  ' _.'  | |         '  `-' |
- | |  | |  | | |  .'.-. | '  | |   | |  ; |  ; |   | '  | |   | |  ; '  |  .'.-.  | |          `.__. |
- | |  | |  | | '  `-' / ' `-'  /   | |  ' `-'  |   ' `-'  |   ' `-'  /  '  `-' /  | |          ___ | |
-(___)(___)(___) `.__.'   `.__,'   (___) `.__.'_.    `._ / |    '.__.'    `.__.'  (___)        (   )' |
-                                                        | |                                    ; `-' '
-                                                       (___)                                    .__.'
-Smartphone ---------------------------------------- */
-
-@media only screen and (min-width: $mq-sp-min) and (max-width: $mq-sp-max){
-
-}
-
-
-/*
-                             ___
-                            (   )  .-.
- ___ .-. .-.     .--.     .-.| |  ( __)   .---.      .--.     ___  ___    .--.    ___ .-.     ___  ___
-(   )   '   \   /    \   /   \ |  (''")  / .-, \    /    \   (   )(   )  /    \  (   )   \   (   )(   )
- |  .-.  .-. ; |  .-. ; |  .-. |   | |  (__) ; |   |  .-. '   | |  | |  |  .-. ;  | ' .-. ;   | |  | |
- | |  | |  | | |  | | | | |  | |   | |    .'`  |   | |  | |   | |  | |  |  | | |  |  / (___)  | |  | |
- | |  | |  | | |  |/  | | |  | |   | |   / .'| |   | |  | |   | |  | |  |  |/  |  | |         | '  | |
- | |  | |  | | |  ' _.' | |  | |   | |  | /  | |   | |  | |   | |  | |  |  ' _.'  | |         '  `-' |
- | |  | |  | | |  .'.-. | '  | |   | |  ; |  ; |   | '  | |   | |  ; '  |  .'.-.  | |          `.__. |
- | |  | |  | | '  `-' / ' `-'  /   | |  ' `-'  |   ' `-'  |   ' `-'  /  '  `-' /  | |          ___ | |
-(___)(___)(___) `.__.'   `.__,'   (___) `.__.'_.    `._ / |    '.__.'    `.__.'  (___)        (   )' |
-                                                        | |                                    ; `-' '
-                                                       (___)                                    .__.'
-Smartphone ---------------------------------------- */
-
-@media only screen and (min-width: $mq-sp-max) and (max-width: $mq-dt-min){
-
-}
-
-
-/*
-                             ___
-                            (   )  .-.
- ___ .-. .-.     .--.     .-.| |  ( __)   .---.      .--.     ___  ___    .--.    ___ .-.     ___  ___
-(   )   '   \   /    \   /   \ |  (''")  / .-, \    /    \   (   )(   )  /    \  (   )   \   (   )(   )
- |  .-.  .-. ; |  .-. ; |  .-. |   | |  (__) ; |   |  .-. '   | |  | |  |  .-. ;  | ' .-. ;   | |  | |
- | |  | |  | | |  | | | | |  | |   | |    .'`  |   | |  | |   | |  | |  |  | | |  |  / (___)  | |  | |
- | |  | |  | | |  |/  | | |  | |   | |   / .'| |   | |  | |   | |  | |  |  |/  |  | |         | '  | |
- | |  | |  | | |  ' _.' | |  | |   | |  | /  | |   | |  | |   | |  | |  |  ' _.'  | |         '  `-' |
- | |  | |  | | |  .'.-. | '  | |   | |  ; |  ; |   | '  | |   | |  ; '  |  .'.-.  | |          `.__. |
- | |  | |  | | '  `-' / ' `-'  /   | |  ' `-'  |   ' `-'  |   ' `-'  /  '  `-' /  | |          ___ | |
-(___)(___)(___) `.__.'   `.__,'   (___) `.__.'_.    `._ / |    '.__.'    `.__.'  (___)        (   )' |
-                                                        | |                                    ; `-' '
-                                                       (___)                                    .__.'
-Desktop ---------------------------------------- */
-
-@media only screen and (min-width: $mq-dt-min){
-
-}
-
-
-