refactor: empty

components/empty/style/index.less

@@ -7,7 +7,7 @@
 .@{empty-prefix-cls} {
   margin: 0 8px;
   font-size: @empty-font-size;
-  line-height: 22px;
+  line-height: @line-height-base;
   text-align: center;
 
   &-image {
@@ -24,10 +24,6 @@
     }
   }
 
-  &-description {
-    margin: 0;
-  }
-
   &-footer {
     margin-top: 16px;
   }
@@ -56,8 +52,8 @@
   // not support the definition because the less variables have no meaning
   & when (@theme = dark) {
     &-ellipse {
-      fill-opacity: 0.08;
       fill: @white;
+      fill-opacity: 0.08;
     }
     &-path {
       &-1 {
@@ -82,8 +78,8 @@
   }
   & when not (@theme = dark) {
     &-ellipse {
-      fill-opacity: 0.8;
       fill: #f5f5f5;
+      fill-opacity: 0.8;
     }
     &-path {
       &-1 {
@@ -135,3 +131,5 @@
     }
   }
 }
+
+@import './rtl';

components/empty/style/rtl.less

@@ -0,0 +1,10 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@empty-prefix-cls: ~'@{ant-prefix}-empty';
+
+.@{empty-prefix-cls} {
+  &-rtl {
+    direction: rtl;
+  }
+}