Mercurial > hg > mpiwgzen_wide
comparison sass-extensions/zen-grids/templates/unit-tests/sass/zen-grid-item-base.scss @ 0:a3750d724105 default tip
initital
| author | Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> |
|---|---|
| date | Tue, 02 Jun 2015 09:16:36 +0200 |
| parents | |
| children |
comparison
equal
deleted
inserted
replaced
| -1:000000000000 | 0:a3750d724105 |
|---|---|
| 1 /** | |
| 2 * @file | |
| 3 * Test zen-grid-item-base() | |
| 4 */ | |
| 5 | |
| 6 @import "zen"; | |
| 7 | |
| 8 #test-zen-grid-item-base { | |
| 9 /* Test zen-grid-item-base() */ | |
| 10 @include zen-grid-item-base(); | |
| 11 | |
| 12 /* Test zen-grid-item-base() with $zen-box-sizing: content-box */ | |
| 13 $zen-box-sizing: content-box; | |
| 14 @include zen-grid-item-base(); | |
| 15 $zen-box-sizing: border-box; | |
| 16 | |
| 17 /* Test zen-grid-item-base() with $legacy-support-for-ie7: true */ | |
| 18 $legacy-support-for-ie7: true; | |
| 19 @include zen-grid-item-base(); | |
| 20 $legacy-support-for-ie7: false; | |
| 21 | |
| 22 /* Test zen-grid-item-base() with $box-sizing-polyfill-path: "/boxsizing.htc" and $legacy-support-for-ie7: true */ | |
| 23 $box-sizing-polyfill-path: "/boxsizing.htc"; | |
| 24 $legacy-support-for-ie7: true; | |
| 25 @include zen-grid-item-base(); | |
| 26 $box-sizing-polyfill-path: ""; | |
| 27 $legacy-support-for-ie7: false; | |
| 28 | |
| 29 /* Test zen-grid-item-base() with $box-sizing-polyfill-path: "/boxsizing.htc" and $legacy-support-for-ie6: true */ | |
| 30 $box-sizing-polyfill-path: "/boxsizing.htc"; | |
| 31 $legacy-support-for-ie6: true; | |
| 32 @include zen-grid-item-base(); | |
| 33 $box-sizing-polyfill-path: ""; | |
| 34 $legacy-support-for-ie6: false; | |
| 35 | |
| 36 /* Test zen-grid-item-base() with $zen-gutter-width: 15px */ | |
| 37 $zen-gutter-width: 15px; | |
| 38 @include zen-grid-item-base(); | |
| 39 $zen-gutter-width: 20px; | |
| 40 | |
| 41 /* Test zen-grid-item-base() with $zen-gutter-width: 15px and $zen-float-direction: right */ | |
| 42 $zen-gutter-width: 15px; | |
| 43 $zen-float-direction: right; | |
| 44 @include zen-grid-item-base(); | |
| 45 $zen-gutter-width: 20px; | |
| 46 $zen-float-direction: left; | |
| 47 | |
| 48 /* Test zen-grid-item-base() with $zen-gutter-width: 15px and $zen-reverse-all-floats: true */ | |
| 49 $zen-gutter-width: 15px; | |
| 50 $zen-reverse-all-floats: true; | |
| 51 @include zen-grid-item-base(); | |
| 52 $zen-gutter-width: 20px; | |
| 53 $zen-reverse-all-floats: false; | |
| 54 } |