更新 bento 栅格系统

This commit is contained in:
fen 2013-10-28 15:36:33 +08:00
parent c567c41b6f
commit d529bb83b8
2 changed files with 48 additions and 5 deletions

View File

@ -1,8 +1,8 @@
/*
* Bento Grid System
* Source: https://github.com/fenbox/bento
* Version: 1.1
* Update: 10.12.2013
* Version: 1.2
* Update: 2013.10.28
*/
.col-group [class*="col-"] {
float: left;
@ -539,6 +539,21 @@
.col-wd-push-12 {
left: 100%; } }
/*
* Responsive kit
*/
@media (max-width: 767px) {
.kit-hidden-mb {
display: none; } }
@media (max-width: 991px) {
.kit-hidden-tb {
display: none; } }
@media (max-width: 1199px) {
.kit-hidden {
display: none; } }
/*
* Clearfix
*/
.clearfix, .col-group {
zoom: 1; }
.clearfix:before, .col-group:before, .clearfix:after, .col-group:after {

View File

@ -1,8 +1,8 @@
/*
* Bento Grid System
* Source: https://github.com/fenbox/bento
* Version: 1.1
* Update: 10.12.2013
* Version: 1.2
* Update: 2013.10.28
*/
//
@ -176,7 +176,35 @@ $screen-wide: 1200px;
}
// Clearfix
/*
* Responsive kit
*/
// Hidden in mobile and down
@media (max-width: $screen-tablet - 1px) {
.kit-hidden-mb {
display: none;
}
}
// Hidden in tablet and down
@media (max-width: $screen-desktop - 1px) {
.kit-hidden-tb {
display: none;
}
}
// Hidden in descktop and down
@media (max-width: $screen-wide - 1px) {
.kit-hidden {
display: none;
}
}
/*
* Clearfix
*/
.clearfix {
zoom: 1;
&:before, &:after {