diff --git a/package.json b/package.json index 7c27c20c074..893d1c774aa 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "vuetify", - "version": "1.0.7", + "version": "1.0.8", "author": { "name": "John Leider", "email": "john@vuetifyjs.com" diff --git a/src/stylus/components/_grid.styl b/src/stylus/components/_grid.styl old mode 100644 new mode 100755 index b1844264bec..2da3fc9fb21 --- a/src/stylus/components/_grid.styl +++ b/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