add cards SCSS to sb-admin.scss file

smfgol · Apr 4, 2017 · f1aacae · f1aacae
1 parent 24a04d0
commit f1aacae
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 1 deletion.
diff --git a/css/sb-admin.css b/css/sb-admin.css
@@ -20,6 +20,28 @@ body {
 .z-1 {
   z-index: 1; }
 
+.card-block-icon {
+  font-size: 5rem;
+  position: absolute;
+  right: -25px;
+  top: -25px;
+  -ms-transform: rotate(15deg);
+  -webkit-transform: rotate(15deg);
+  transform: rotate(15deg);
+  z-index: 0; }
+
+@media (min-width: 576px) {
+  .card-columns {
+    column-count: 1; } }
+
+@media (min-width: 768px) {
+  .card-columns {
+    column-count: 2; } }
+
+@media (min-width: 1200px) {
+  .card-columns {
+    column-count: 3; } }
+
 .navbar-inverse input.form-control {
   border-color: #eeeeee; }
 

diff --git a/css/sb-admin.min.css b/css/sb-admin.min.css
diff --git a/scss/sb-admin.scss b/scss/sb-admin.scss
@@ -1,4 +1,5 @@
 @import "variables.scss";
 @import "mixins.scss";
 @import "global.scss";
+@import "cards.scss";
 @import "navbar.scss";