yakstrap 0.0.3 → 0.0.5

data/app/assets/stylesheets/yakstrap/container.css.scss

@@ -1,11 +1,11 @@
 $gutter-width: 0.01;
 
-@mixin columns($column-span: 1) {
+@function columnwidth($column-span: 1) {
     $columns:           12 / $column-span;
     $total-gutter:      $gutter-width * (13);
     $column-span-width: (1 - $total-gutter) / $columns + ($column-span - 1) * $gutter-width;
 
-    width:                          percentage( $column-span-width );
+    @return percentage( $column-span-width );
 }
 
 .container{
@@ -27,9 +27,6 @@ $gutter-width: 0.01;
   @media (min-width: 1080px){
     max-width: 1080px;    
   }
-  @media (min-width: 1260px){
-    max-width: 1260px;
-  }
 }
 
 // row is not required, but it includes clearfix to hopefully clear up some issues
@@ -46,7 +43,16 @@ $gutter-width: 0.01;
     }
     @media (min-width: 481px){
       float: left;
-      @include columns($i);
+      width: columnwidth($i);
+    }
+  }
+}
+
+@for $j from 1 through 12{
+  .offset#{$j}{
+    margin-left: columnwidth($j) + percentage($gutter-width);
+    @media (max-width: 480px){
+      margin-left: 0px;
     }
   }
 }

data/app/assets/stylesheets/yakstrap/container.css.scss~

@@ -0,0 +1,61 @@
+$gutter-width: 0.01;
+
+@function columnwidth($column-span: 1) {
+    $columns:           12 / $column-span;
+    $total-gutter:      $gutter-width * (13);
+    $column-span-width: (1 - $total-gutter) / $columns + ($column-span - 1) * $gutter-width;
+
+    @return percentage( $column-span-width );
+}
+
+.container{
+  margin: 0px auto;
+  @include clearfix();
+  
+  @media (min-width: 480px){
+    max-width: 480px;
+  }
+  @media (min-width: 640px){    
+    max-width: 640px;
+  }
+  @media (min-width: 720px){
+    max-width: 720px;    
+  }
+  @media (min-width: 960px){
+    max-width: 960px;    
+  }
+  @media (min-width: 1080px){
+    max-width: 1080px;    
+  }
+  @media (min-width: 1260px){
+    max-width: 1260px;
+  }
+}
+
+// row is not required, but it includes clearfix to hopefully clear up some issues
+.row{
+  @include clearfix();
+}
+
+@for $i from 1 through 12{
+  .span#{$i}{
+    margin-left: percentage($gutter-width);
+    @media (max-width: 480px){
+      float: none;
+      display:block;
+    }
+    @media (min-width: 481px){
+      float: left;
+      width: columnwidth($i);
+    }
+  }
+}
+
+@for $j from 1 through 12{
+  .offset#{$j}{
+    margin-left: columnwidth($j) + percentage($gutter-width);
+    @media (max-width: 480px){
+      margin-left: 0px;
+    }
+  }
+}

data/app/assets/stylesheets/yakstrap/main.css.scss

@@ -44,6 +44,10 @@ h1,h2,h3,h4,h5,h6{
   float: left;
 }
 
+.center{
+  text-align: center;
+}
+
 .relative{
   position: relative;
 }
@@ -96,12 +100,12 @@ hr{
   }
   
   td{
-    border-top: 1px solid lighten($secondary, 20%);
+    border-top: 1px solid $black;
     padding: 5px 5px 5px 0px;
     
   }
 }
 
 td.expand{
-  width: 100%;
+  width: 50%;
 }

data/app/assets/stylesheets/yakstrap/main.css.scss~

@@ -44,6 +44,10 @@ h1,h2,h3,h4,h5,h6{
   float: left;
 }
 
+.center{
+  text-align: center;
+}
+
 .relative{
   position: relative;
 }
@@ -54,7 +58,8 @@ h1,h2,h3,h4,h5,h6{
 
 ul{
   &.compact{
-  
+    margin: 0;
+    padding: 0;
   }
   
   &.unstyled{
@@ -95,12 +100,12 @@ hr{
   }
   
   td{
-    border-top: 1px solid lighten($secondary, 20%);
+    border-top: 1px solid lighten($black, 20%);
     padding: 5px 5px 5px 0px;
     
   }
 }
 
 td.expand{
-  width: 100%;
+  width: 50%;
 }

data/app/assets/stylesheets/yakstrap/variables.css.scss

@@ -7,6 +7,7 @@ $header_font: 'Ubuntu';
 
 // Colors
 $white: #FDFDFD;
+$black: #333;
 
 // http://colorschemedesigner.com/
 $primary: #2E3E46;

data/app/assets/stylesheets/yakstrap/variables.css.scss~

@@ -0,0 +1,33 @@
+
+// Fonts
+$font_include: 'http://fonts.googleapis.com/css?family=Ubuntu|Roboto';
+$body_font: 'Roboto';
+$header_font: 'Ubuntu';
+ 
+
+// Colors
+$white: #FDFDFD;
+
+// http://colorschemedesigner.com/
+$primary: #2E3E46;
+$primary_font_color: $white;
+
+$secondary: #544D3D;
+$secondary_font_color: $white;
+
+$tertiary: #C5EDB2;
+$tertiary_font_color: #333;
+
+// Red tone, used for alerts
+$red: #A82117;
+$red_font_color: $white;
+
+// Green tone for successes
+$green: #395939; // mid
+$green_font_color: $white;
+
+$yellow: #FEFEDE;
+$yellow_font_color: #333;
+
+$background: $white;
+$background_font_color: #333;

data/lib/yakstrap/version.rb

@@ -1,3 +1,3 @@
 module Yakstrap
-  VERSION = "0.0.3"
+  VERSION = "0.0.5"
 end

data/lib/yakstrap/version.rb~

@@ -1,3 +1,3 @@
 module Yakstrap
-  VERSION = "0.0.2"
+  VERSION = "0.0.4"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: yakstrap
 version: !ruby/object:Gem::Version
-  version: 0.0.3
+  version: 0.0.5
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-08-28 00:00:00.000000000 Z
+date: 2013-09-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
@@ -91,6 +91,7 @@ files:
 - lib/yakstrap/version.rb
 - lib/yakstrap/version.rb~
 - app/assets/stylesheets/yakstrap/yakstrap.css.scss~
+- app/assets/stylesheets/yakstrap/variables.css.scss~
 - app/assets/stylesheets/yakstrap/alert.css.scss
 - app/assets/stylesheets/yakstrap/variables.css.scss
 - app/assets/stylesheets/yakstrap/main.css.scss
@@ -99,6 +100,7 @@ files:
 - app/assets/stylesheets/yakstrap/container.css.scss
 - app/assets/stylesheets/yakstrap/form.css.scss
 - app/assets/stylesheets/yakstrap/tip.css.scss
+- app/assets/stylesheets/yakstrap/container.css.scss~
 - app/assets/stylesheets/yakstrap/nav.css.scss
 - app/assets/stylesheets/yakstrap/button.css.scss~
 - app/assets/stylesheets/yakstrap/modal.css.scss