add empty states code

2 files changed, 20 insertions, 1 deletions

diff --git a/src/empty.less b/src/empty.less
new file mode 100644
index 0000000..b460f50
--- /dev/null
+++ b/src/empty.less
@@ -0,0 +1,18 @@
+// Empty states (or Blank slates)
+.empty {
+  background: #f8f8f8;
+  border-radius: .3rem;
+  text-align: center;
+  padding: 2 * @layout-gutter;
+
+  .empty-title {
+    font-size: 1.8rem;
+    margin: 1.5rem 0 .5rem 0;
+  }
+  .empty-meta {
+    color: @core-meta-color;
+  }
+  .btn {
+    margin-top: 1.5rem;
+  }
+}
\ No newline at end of file
diff --git a/src/variables.less b/src/variables.less
index bdf9ae4..a2f6ab1 100644
--- a/src/variables.less
+++ b/src/variables.less
@@ -13,6 +13,7 @@
 // Colors
 @core-color: #5764c6;
 @core-text-color: #fff;
+@core-meta-color: #888;
 @core-link-color: #5764c6;
 @core-border-color: #efefef;
 @control-color: #c5c5c5;
@@ -21,7 +22,7 @@
 @control-color-warning: #ffb700;
 @control-color-danger: #e85600;
 
-// Responsive Breakpoints
+// Responsive breakpoints
 @size-xs: 480px;
 @size-sm: 600px;
 @size-md: 840px;