diff options
| author | spider <spider@bitweaver.org> | 2015-01-31 01:12:16 -0500 |
|---|---|---|
| committer | spider <spider@bitweaver.org> | 2015-01-31 01:12:16 -0500 |
| commit | 0bb6945d3d3712a415afd412eaea0ae7f5b471a2 (patch) | |
| tree | d1919cc8b9213f62c9c7adf2c2877c14a3ce0479 /css | |
| parent | 03066ca24c1a4e50fb1e549ec17b0bf3ca916a66 (diff) | |
| download | themes-0bb6945d3d3712a415afd412eaea0ae7f5b471a2.tar.gz themes-0bb6945d3d3712a415afd412eaea0ae7f5b471a2.tar.bz2 themes-0bb6945d3d3712a415afd412eaea0ae7f5b471a2.zip | |
add pinterest style vertical bit-columns CSS
Diffstat (limited to 'css')
| -rw-r--r-- | css/base.css | 32 |
1 files changed, 32 insertions, 0 deletions
diff --git a/css/base.css b/css/base.css index c0029d4..451b199 100644 --- a/css/base.css +++ b/css/base.css @@ -183,6 +183,38 @@ ul.data li.item:last-child { border-bottom:none; } margin-left: 20px; } +.bit-columns { +-webkit-column-count: 3; +-webkit-column-gap: 10px; +-webkit-column-fill: auto; +-moz-column-count: 3; +-moz-column-gap: 10px; +-moz-column-fill: auto; +column-count: 3; +column-gap: 15px; +column-fill: auto; +} + +.bit-column-cell { +display: inline-block; +-webkit-column-break-inside: avoid; +-moz-column-break-inside: avoid; +column-break-inside: avoid; +width: 100%; +-webkit-transition: all .2s ease; +-moz-transition: all .2s ease; +-o-transition: all .2s ease; +transition: all .2s ease; +} + +@media (min-width: 960px) { +#columns { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } +} + +@media (min-width: 1100px) { +#columns { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; } +} + /* LEGACY essential and basic css settings *-/ body {background:#fff; margin:0; padding:0;} table {border-collapse:collapse; border-spacing:0; padding:0; margin:0; width:100%;} |