From d529bb83b8e476490ba16645b3f93b885eeaed3c Mon Sep 17 00:00:00 2001
From: fen <fen1211@gmail.com>
Date: Mon, 28 Oct 2013 15:36:33 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=20bento=20=E6=A0=85=E6=A0=BC?=
 =?UTF-8?q?=E7=B3=BB=E7=BB=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 admin/css/grid.css   | 19 +++++++++++++++++--
 admin/scss/grid.scss | 34 +++++++++++++++++++++++++++++++---
 2 files changed, 48 insertions(+), 5 deletions(-)

diff --git a/admin/css/grid.css b/admin/css/grid.css
index 41e16f45..af4ba932 100644
--- a/admin/css/grid.css
+++ b/admin/css/grid.css
@@ -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 {
diff --git a/admin/scss/grid.scss b/admin/scss/grid.scss
index 0e247330..a36be5b2 100644
--- a/admin/scss/grid.scss
+++ b/admin/scss/grid.scss
@@ -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 {