chore: refactor cards

scss/components/_cards.scss

@@ -1,5 +1,17 @@
 // Mixin and colors
 
+@mixin card() {
+    @include border-radius();
+    box-shadow: $large-shadow;
+    border: none;
+    margin-bottom:1.2em;
+}
+
+@mixin card-relief{
+    @include card()
+    box-shadow: $large-shadow, $inset-shadow;
+}
+
 @mixin card-color($background-color, $text-color) {
   & > .card-header { background-color: $background-color; color:$text-color; }
 }
@@ -12,19 +24,12 @@
 /* 10.1 - Cards */
 
 .card {
-  @include border-radius();
+    @include card();
-	box-shadow: $large-shadow;
-  border: none;
-  margin-bottom:1.2em;
-}
 
-.card-shadow {
+    h1, h2, h3, h4, h5, h6, h7, h8, h9, h10  {
-  box-shadow: $large-shadow, $inset-shadow;
-}
-
-.card h1,.card h2,.card h3,.card h4,.card h5,.card h6,.card h7,.card h8,.card h9,.card h10  {
 	   color:#333;
 	   text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
+    }
 }
 
 .card {
@@ -130,21 +135,16 @@ a.list-group-item:hover {
 /* 10.2 - Breadcrumb */
 
 .breadcrumb {
-  @include border-radius();
+  @include card-relief();
-    box-shadow: $large-shadow, $inset-shadow;
-  border: 0;
-  background-color:#eeeeec;
-  margin-bottom:1.2em;
   @include li-no-margin();
+  background-color:#eeeeec;
 }
 
 /* 10.3 - Alerts */
 
 .alert {
-  @include borders();
+  @include card();
-  @include border-radius();
   color:rgba(0, 0, 0, 0.7);
-  box-shadow: $large-shadow;
 }
 
 .alert a, .alert-link {