Merge branch 'master' into dev

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vuetify",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "author": {
     "name": "John Leider",
     "email": "[email protected]"

src/stylus/components/_grid.styl

@@ -15,11 +15,11 @@
 
   &.fluid
     max-width: 100%
-    
+
   &.fill-height
     align-items: center
     display: flex
-    
+
     .layout
       height: 100%
       flex: 1 1 auto
@@ -32,13 +32,13 @@
         .layout
           .flex
             padding: ($gutter / 2)
-            
+
         .layout:only-child
           margin: -($gutter / 2)
 
         .layout:not(:only-child)
           margin: auto -($gutter / 2)
-        
+
         *:not(:only-child)
           .layout:first-child
             margin-top: -($gutter / 2)
@@ -60,6 +60,9 @@
   &.column
     flex-direction: column
 
+    > .flex
+      max-width: 100%
+
     &.reverse
       flex-direction: column-reverse
 
@@ -72,6 +75,7 @@ for size, width in $grid-breakpoints
       .flex.{size}{n}
         flex-basis: (n / $grid-columns * 100)%
         flex-grow: 0
+        max-width: (n / $grid-columns * 100)%
 
       .flex.order-{size}{n}
         order: n
@@ -97,7 +101,7 @@ for size, width in $grid-breakpoints
 
   &-baseline
     align-items: baseline
-    
+
 .align-content
   &-start
     align-content: flex-start
@@ -155,26 +159,26 @@ for size, width in $grid-breakpoints
 
 .no-wrap
   white-space: nowrap
-  
+
 .ellipsis
   white-space: nowrap
   overflow: hidden
   text-overflow: ellipsis
-  
+
 // Display helpers
 .d-flex
   display: flex !important
-    
+
 .d-inline-flex
   display: inline-flex !important
-  
+
 .d-flex,
 .d-inline-flex
   > *
     flex: 1 1 auto !important
-    
+
 .d-block
   display: block !important
-  
+
 .d-inline-block
   display: inline-block !important