Core: Tweak Card & Dialog to new MD styles

Author: nolimits4web

src/core/components/card/card-md.less

@@ -8,7 +8,7 @@
   }
   .card {
     margin: 8px;
-    .md-depth(1);
+    .elevation(1);
   }
   .card-header, .card-footer {
     a.link {

src/core/components/card/card.less

@@ -8,7 +8,7 @@
 .card {
   background: #fff;
   position: relative;
-  border-radius: 2px;
+  border-radius: 4px;
   font-size: 14px;
   .list, .block {
     margin: 0;
@@ -58,14 +58,14 @@
   }
 }
 .card-header {
-  border-radius: 2px 2px 0 0;
+  border-radius: 4px 4px 0 0;
   .hairline(bottom, #e1e1e1);
   &.no-hairline {
     .hairline-remove(bottom);
   }
 }
 .card-footer {
-  border-radius: 0 0 2px 2px;
+  border-radius: 0 0 4px 4px;
   .hairline(top, #e1e1e1);
   &.no-hairline {
     .hairline-remove(top);

src/core/components/dialog/dialog-md.less

@@ -6,11 +6,11 @@
   .dialog {
     width: 280px;
     margin-left: -140px;
-    border-radius: 3px;
+    border-radius: 4px;
     color: #757575;
     background: #fff;
     font-size: 16px;
-    .md-depth(5);
+    .elevation(24);
     &.modal-in {
       opacity: 1;
       transform: translate3d(0,0,0) scale(1);