Created
January 18, 2011 07:46
-
-
Save anonymous/784105 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
Grids Layout for Taobao | |
*/ | |
/* require(grids.css) */ | |
/* | |
淘宝采用了 6 种栅格布局: | |
950 .grid-m | |
190 750 .grid-s5m0 | |
750 190 .grid-m0s5 | |
190 510 230 .grid-s5m0e6 | |
230 510 190 .grid-e6m0s5 | |
510 230 190 .grid-m0e6s5 | |
*/ | |
/** 两栏布局 **/ | |
.grid-s5m0 .main-wrap { margin-left: 200px; } | |
.grid-s5m0 .col-sub { width: 190px; margin-left: -100%; } | |
.grid-m0s5 .main-wrap { margin-right: 200px; } | |
.grid-m0s5 .col-sub { width: 190px; margin-left: -190px; } | |
/** 三栏布局 **/ | |
.grid-s5m0e6 .main-wrap { margin: 0 240px 0 200px; } | |
.grid-s5m0e6 .col-sub { width: 190px; margin-left: -100%; } | |
.grid-s5m0e6 .col-extra { width: 230px; margin-left: -230px; } | |
.grid-e6m0s5 .main-wrap { margin: 0 200px 0 240px; } | |
.grid-e6m0s5 .col-sub { width: 190px; margin-left: -190px; } | |
.grid-e6m0s5 .col-extra { width: 230px; margin-left: -100%; } | |
.grid-m0e6s5 .main-wrap { margin-right: 440px; } | |
.grid-m0e6s5 .col-sub { width: 190px; margin-left: -190px; } | |
.grid-m0e6s5 .col-extra { width: 230px; margin-left: -430px; } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment