minable 0.0.2 → 0.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: aee1700a93dc28e2bce598fb9ae6d4997269a8b2
-  data.tar.gz: 043f90164445fc65742f79221b38a5564cb3a8e1
+  metadata.gz: c2d18c239e232ca1a47f747d1846aa3933e70436
+  data.tar.gz: 5443ddfca107210dfc07f42f8e251046057d27df
 SHA512:
-  metadata.gz: 941bf9385cf8da9a3e9fd07ff311e3ae3437ff992edcc4acd9c29be8b11c13ffd84823936497585c587b39a900de77f9c57062bace0c0b13793676ab610572ac
-  data.tar.gz: d22d89c4b85d1a632faa51c4c2faf43259b79514b230a34e71147a3e75821f57329aa0e4ad19a47112a3c4993ea3eb0be5cd2de02c47b562ff596a0b99294a60
+  metadata.gz: df63bad0528b2065c2cc22ccd08494e2346345e3edf09f13b9f8923daaab3c484fa4af9ce7c1ec89b089604fca6bd2cd0e34b2be2f1fa9441bbcb4fb4f55a9a7
+  data.tar.gz: c376c26f6c204e2817fbc8e7dd1c477dcd1dab9f0d20737c33b8c5b99e38a47b5a7d1999541b31ce28f0d6230c0c3f87a8ffe348230fb4c7616b65f6abfc8d0b

data/Gemfile

@@ -1,3 +1,3 @@
-source "http://rubygems.org"
+source 'https://rubygems.org'
 
 gemspec

data/Gemfile.lock

@@ -1,12 +1,12 @@
 PATH
   remote: .
   specs:
-    minable (0.0.1)
+    minable (0.1.1)
       sass (~> 3.2.14)
       thor
 
 GEM
-  remote: http://rubygems.org/
+  remote: https://rubygems.org/
   specs:
     aruba (0.5.4)
       childprocess (>= 0.3.6)
@@ -30,8 +30,8 @@ GEM
     rake (10.1.1)
     rspec-expectations (2.14.5)
       diff-lcs (>= 1.1.3, < 2.0)
-    sass (3.2.14)
-    thor (0.18.1)
+    sass (3.2.19)
+    thor (0.19.1)
 
 PLATFORMS
   ruby

data/Rakefile

@@ -6,4 +6,4 @@ require 'cucumber/rake/task'
 Bundler::GemHelper.install_tasks
 Cucumber::Rake::Task.new
 
-task :default => :cucumber
+task default: :cucumber

data/app/assets/stylesheets/minable/_all.scss

@@ -0,0 +1 @@
+@import "grid";

data/app/assets/stylesheets/minable/_global.scss

@@ -0,0 +1,28 @@
+@if $min-grid-ie7-support-enable {
+  *, *:before, *:after {
+    -moz-box-sizing: content-box;
+    -webkit-box-sizing: content-box;
+    box-sizing: content-box;
+  }
+}
+
+@if $min-grid-ie7-support-enable == false {
+  *, *:before, *:after {
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+  }
+}
+
+img {
+  height: auto;
+  max-width: 100%;
+}
+
+html.svg .svg-fallback {
+  display: none;
+}
+
+html.no-svg .svg-main {
+  display: none;
+}

data/app/assets/stylesheets/minable/_grid.scss

@@ -0,0 +1,11 @@
+// Import Framework settings
+@import "settings";
+
+// Import Framwork Helpers
+@import "helpers/all";
+
+// Import Minable Framework
+@import "framework/all";
+
+// Import Global styles
+@import "global.scss";

data/app/assets/stylesheets/minable/_settings.scss

@@ -0,0 +1,15 @@
+$min-browser-default-font-size: 16px !default;
+
+
+$min-grid-output-classes: false !default;
+$min-grid-ie7-support-enable: false !default;
+
+
+$min-wrapper-width: 960px !default;
+$min-wrapper-wide-width: false !default;
+
+
+$min-grid-gutter: 32px !default;
+$min-grid-gutter-outer-enable: true !default;
+
+$min-grid-breakpoints: false !default;

data/app/assets/stylesheets/{framework → minable/framework}/_typecsset.scss

@@ -40,9 +40,6 @@ $typecsset-magic-number:        $typecsset-base-line-height;
 $typecsset-magic-ratio:         $typecsset-base-line-height / $typecsset-base-font-size;
 
 
-
-
-
 //------------------------------------\\
   // TOOLS
 //------------------------------------\\
@@ -84,9 +81,6 @@ $typecsset-magic-ratio:         $typecsset-base-line-height / $typecsset-base-fo
 }
 
 
-
-
-
 /*------------------------------------*\
   #SHARED
 \*------------------------------------*/
@@ -106,9 +100,6 @@ $typecsset-magic-ratio:         $typecsset-base-line-height / $typecsset-base-fo
 }
 
 
-
-
-
 /*------------------------------------*\
   #BASE
 \*------------------------------------*/
@@ -144,9 +135,6 @@ body {
 }
 
 
-
-
-
 /*------------------------------------*\
   #HEADINGS
 \*------------------------------------*/
@@ -181,9 +169,6 @@ h6 {
 }
 
 
-
-
-
 /*------------------------------------*\
   #LISTS
 \*------------------------------------*/
@@ -198,9 +183,6 @@ li > ol {
 }
 
 
-
-
-
 /*------------------------------------*\
   #PARAGRAPHS
 \*------------------------------------*/
@@ -227,9 +209,6 @@ address {
 }
 
 
-
-
-
 /*------------------------------------*\
   #CODE
 \*------------------------------------*/
@@ -249,9 +228,6 @@ samp {
 }
 
 
-
-
-
 /*------------------------------------*\
   #QUOTES
 \*------------------------------------*/
@@ -318,9 +294,6 @@ q   {
 }
 
 
-
-
-
 /*------------------------------------*\
   #TABLES
 \*------------------------------------*/

data/app/assets/stylesheets/minable/framework/grid/_grid-core.scss

@@ -0,0 +1,66 @@
+// Minable Grid Core
+
+$min-grid-breakpoints: false !default;
+$min-grid-usable-gutter: strip-unit($min-grid-gutter) / 2;
+
+$min-grid-output-classes: true !default;
+$min-grid-ie7-support-enable: true !default;
+
+.min-wrapper {
+  max-width: $min-wrapper-width;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+@if $min-wrapper-wide-width {
+  .min-wrapper-wide {
+    max-width: $min-wrapper-wide-width;
+    margin-left: auto;
+    margin-right: auto;
+  }
+}
+
+.min-g {
+  display: -webkit-flex;
+  -webkit-flex-flow: row wrap;
+  display: -ms-flexbox;
+  -ms-flex-flow: row wrap;
+  font-size: 0;
+
+
+  @if $min-grid-gutter-outer-enable == false {
+    margin-right: -#{$min-grid-usable-gutter}px;
+    margin-left: -#{$min-grid-usable-gutter}px;
+  }
+
+  @if $min-grid-gutter-outer-enable == true {
+    .min-g {
+      margin-right: -#{$min-grid-usable-gutter}px;
+      margin-left: -#{$min-grid-usable-gutter}px;
+    }
+  }
+}
+
+[class *= "min-u"] {
+  display: inline-block;
+  *display: inline;
+  font-size: $min-browser-default-font-size;
+  vertical-align: top;
+  zoom: 1;
+
+  @if $min-grid-ie7-support-enable == false {
+    padding-right: #{$min-grid-usable-gutter}px;
+    padding-left: #{$min-grid-usable-gutter}px;
+  }
+}
+
+@if $min-grid-ie7-support-enable {
+  .min-inner {
+    padding-right: #{$min-grid-usable-gutter}px;
+    padding-left: #{$min-grid-usable-gutter}px;
+  }
+}
+
+.centered {
+  margin: 0 auto;
+}

data/app/assets/stylesheets/minable/framework/grid/_grid-unit.scss

@@ -0,0 +1,380 @@
+@if $min-grid-output-classes {
+  .min-u-1 {
+    width: 100%;
+  }
+
+  .min-u-1-2 {
+    width: 50%;
+    *width: 49.969%;
+  }
+
+  .min-u-1-3 {
+    width: 33.3333%;
+    *width: 33.3023%;
+  }
+
+  .min-u-2-3 {
+    width: 66.6667%;
+    *width: 66.6357%;
+  }
+
+  .min-u-1-4 {
+    width: 25%;
+    *width: 24.969%;
+  }
+
+  .min-u-3-4 {
+    width: 75%;
+    *width: 74.969%;
+  }
+
+  .min-u-1-5 {
+    width: 20%;
+    *width: 19.969%;
+  }
+
+  .min-u-2-5 {
+    width: 40%;
+    *width: 39.969%;
+  }
+
+  .min-u-3-5 {
+    width: 60%;
+    *width: 59.969%;
+  }
+
+  .min-u-4-5 {
+    width: 80%;
+    *width: 79.969%;
+  }
+
+  .min-u-1-6 {
+    width: 16.6667%;
+    *width: 16.6357%;
+  }
+
+  .min-u-5-6 {
+    width: 83.3333%;
+    *width: 83.3023%;
+  }
+
+  .min-u-1-8 {
+    width: 12.5%;
+    *width: 12.469%;
+  }
+
+  .min-u-3-8 {
+    width: 37.5%;
+    *width: 37.469%;
+  }
+
+  .min-u-5-8 {
+    width: 62.5%;
+    *width: 62.469%;
+  }
+
+  .min-u-7-8 {
+    width: 87.5%;
+    *width: 87.469%;
+  }
+
+  .min-u-1-12 {
+    width: 8.3333%;
+    *width: 8.3023%;
+  }
+
+  .min-u-5-12 {
+    width: 41.6667%;
+    *width: 41.6357%;
+  }
+
+  .min-u-7-12 {
+    width: 58.3333%;
+    *width: 58.3023%;
+  }
+
+  .min-u-11-12 {
+    width: 91.6667%;
+    *width: 91.6357%;
+  }
+
+
+  @if $min-grid-breakpoints {
+    @each $min-breakpoint in $min-grid-breakpoints {
+      $min-breakpoint-name: nth($min-breakpoint,1);
+      $min-breakpoint-value: strip-unit(nth($min-breakpoint,2)) / strip-unit($min-browser-default-font-size);
+
+      @media (max-width: #{$min-breakpoint-value}em) {
+        .min-u-#{$min-breakpoint-name}-1 {
+          width: 100%;
+        }
+        .min-u-#{$min-breakpoint-name}-1-2 {
+          width: 50%;
+          *width: 49.969%;
+        }
+        .min-u-#{$min-breakpoint-name}-1-3 {
+          width: 33.33333%;
+          *width: 33.3023%;
+        }
+        .min-u-#{$min-breakpoint-name}-2-3 {
+          width: 66.66666%;
+          *width: 66.6357%;
+        }
+        .min-u-#{$min-breakpoint-name}-1-4 {
+          width: 25%;
+          *width: 24.969%;
+        }
+        .min-u-#{$min-breakpoint-name}-3-4 {
+          width: 75%;
+          *width: 74.969%;
+        }
+        .min-u-#{$min-breakpoint-name}-1-5 {
+          width: 20%;
+          *width: 19.969%;
+        }
+        .min-u-#{$min-breakpoint-name}-2-5 {
+          width: 40%;
+          *width: 39.969%;
+        }
+        .min-u-#{$min-breakpoint-name}-3-5 {
+          width: 60%;
+          *width: 59.969%;
+        }
+        .min-u-#{$min-breakpoint-name}-4-5 {
+          width: 80%;
+          *width: 79.969%;
+        }
+        .min-u-#{$min-breakpoint-name}-1-6 {
+          width: 16.666%;
+          *width: 16.6357%;
+        }
+        .min-u-#{$min-breakpoint-name}-5-6 {
+          width: 83.33%;
+          *width: 83.3023%;
+        }
+        .min-u-#{$min-breakpoint-name}-1-8 {
+          width: 12.5%;
+          *width: 12.469%;
+        }
+        .min-u-#{$min-breakpoint-name}-3-8 {
+          width: 37.5%;
+          *width: 37.469%;
+        }
+        .min-u-#{$min-breakpoint-name}-5-8 {
+          width: 62.5%;
+          *width: 62.469%;
+        }
+        .min-u-#{$min-breakpoint-name}-7-8 {
+          width: 87.5%;
+          *width: 87.469%;
+        }
+        .min-u-#{$min-breakpoint-name}-1-12 {
+          width: 8.3333%;
+          *width: 8.3023%;
+        }
+        .min-u-#{$min-breakpoint-name}-5-12 {
+          width: 41.6666%;
+          *width: 41.6357%;
+        }
+        .min-u-#{$min-breakpoint-name}-7-12 {
+          width: 58.3333%;
+          *width: 58.3023%;
+        }
+        .min-u-#{$min-breakpoint-name}-11-12 {
+          width: 91.6666%;
+          *width: 91.6357%;
+        }
+      }
+    };
+  }
+}
+
+
+%min-u-1 {
+  width: 100%;
+}
+
+%min-u-1-2 {
+  width: 50%;
+  *width: 49.969%;
+}
+
+%min-u-1-3 {
+  width: 33.3333%;
+  *width: 33.3023%;
+}
+
+%min-u-2-3 {
+  width: 66.6667%;
+  *width: 66.6357%;
+}
+
+%min-u-1-4 {
+  width: 25%;
+  *width: 24.969%;
+}
+
+%min-u-3-4 {
+  width: 75%;
+  *width: 74.969%;
+}
+
+%min-u-1-5 {
+  width: 20%;
+  *width: 19.969%;
+}
+
+%min-u-2-5 {
+  width: 40%;
+  *width: 39.969%;
+}
+
+%min-u-3-5 {
+  width: 60%;
+  *width: 59.969%;
+}
+
+%min-u-4-5 {
+  width: 80%;
+  *width: 79.969%;
+}
+
+%min-u-1-6 {
+  width: 16.6667%;
+  *width: 16.6357%;
+}
+
+%min-u-5-6 {
+  width: 83.3333%;
+  *width: 83.3023%;
+}
+
+%min-u-1-8 {
+  width: 12.5%;
+  *width: 12.469%;
+}
+
+%min-u-3-8 {
+  width: 37.5%;
+  *width: 37.469%;
+}
+
+%min-u-5-8 {
+  width: 62.5%;
+  *width: 62.469%;
+}
+
+%min-u-7-8 {
+  width: 87.5%;
+  *width: 87.469%;
+}
+
+%min-u-1-12 {
+  width: 8.3333%;
+  *width: 8.3023%;
+}
+
+%min-u-5-12 {
+  width: 41.6667%;
+  *width: 41.6357%;
+}
+
+%min-u-7-12 {
+  width: 58.3333%;
+  *width: 58.3023%;
+}
+
+%min-u-11-12 {
+  width: 91.6667%;
+  *width: 91.6357%;
+}
+
+
+@if $min-grid-breakpoints {
+  @each $min-breakpoint in $min-grid-breakpoints {
+    $min-breakpoint-name: nth($min-breakpoint,1);
+    $min-breakpoint-value: strip-unit(nth($min-breakpoint,2)) / strip-unit($min-browser-default-font-size);
+
+    @media (max-width: #{$min-breakpoint-value}em) {
+      %min-u-#{$min-breakpoint-name}-1 {
+        width: 100%;
+      }
+      %min-u-#{$min-breakpoint-name}-1-2 {
+        width: 50%;
+        *width: 49.969%;
+      }
+      %min-u-#{$min-breakpoint-name}-1-3 {
+        width: 33.33333%;
+        *width: 33.3023%;
+      }
+      %min-u-#{$min-breakpoint-name}-2-3 {
+        width: 66.66666%;
+        *width: 66.6357%;
+      }
+      %min-u-#{$min-breakpoint-name}-1-4 {
+        width: 25%;
+        *width: 24.969%;
+      }
+      %min-u-#{$min-breakpoint-name}-3-4 {
+        width: 75%;
+        *width: 74.969%;
+      }
+      %min-u-#{$min-breakpoint-name}-1-5 {
+        width: 20%;
+        *width: 19.969%;
+      }
+      %min-u-#{$min-breakpoint-name}-2-5 {
+        width: 40%;
+        *width: 39.969%;
+      }
+      %min-u-#{$min-breakpoint-name}-3-5 {
+        width: 60%;
+        *width: 59.969%;
+      }
+      %min-u-#{$min-breakpoint-name}-4-5 {
+        width: 80%;
+        *width: 79.969%;
+      }
+      %min-u-#{$min-breakpoint-name}-1-6 {
+        width: 16.666%;
+        *width: 16.6357%;
+      }
+      %min-u-#{$min-breakpoint-name}-5-6 {
+        width: 83.33%;
+        *width: 83.3023%;
+      }
+      %min-u-#{$min-breakpoint-name}-1-8 {
+        width: 12.5%;
+        *width: 12.469%;
+      }
+      %min-u-#{$min-breakpoint-name}-3-8 {
+        width: 37.5%;
+        *width: 37.469%;
+      }
+      %min-u-#{$min-breakpoint-name}-5-8 {
+        width: 62.5%;
+        *width: 62.469%;
+      }
+      %min-u-#{$min-breakpoint-name}-7-8 {
+        width: 87.5%;
+        *width: 87.469%;
+      }
+      %min-u-#{$min-breakpoint-name}-1-12 {
+        width: 8.3333%;
+        *width: 8.3023%;
+      }
+      %min-u-#{$min-breakpoint-name}-5-12 {
+        width: 41.6666%;
+        *width: 41.6357%;
+      }
+      %min-u-#{$min-breakpoint-name}-7-12 {
+        width: 58.3333%;
+        *width: 58.3023%;
+      }
+      %min-u-#{$min-breakpoint-name}-11-12 {
+        width: 91.6666%;
+        *width: 91.6357%;
+      }
+    }
+  };
+}

data/app/assets/stylesheets/{helpers → minable/helpers}/classes/_all.scss

@@ -1,3 +1,4 @@
 // Display classes such as image replacement
 
+@import "clearfix";
 @import "display-classes";

data/app/assets/stylesheets/minable/helpers/classes/_clearfix.scss

@@ -0,0 +1,23 @@
+/**
+ * For modern browsers
+ * 1. The space content is one way to avoid an Opera bug when the
+ *    contenteditable attribute is included anywhere else in the document.
+ *    Otherwise it causes space to appear at the top and bottom of elements
+ *    that are clearfixed.
+ * 2. The use of `table` rather than `block` is only necessary if using
+ *    `:before` to contain the top-margins of child elements.
+ */
+
+.cf {
+  *zoom: 1;
+
+  &:before,
+  &:after {
+    content: " "; /* 1 */
+    display: table; /* 2 */
+  }
+
+  &:after {
+    clear: both;
+  }
+}