Merge pull request #49 from ant-design/pagination

Pagination

package.json

@@ -15,7 +15,9 @@
     "framework",
     "frontend"
   ],
-  "contributors": ["ant"],
+  "contributors": [
+    "ant"
+  ],
   "repository": {
     "type": "git",
     "url": "https://github.com/ant-design/ant-design"
@@ -24,30 +26,32 @@
     "url": "https://github.com/ant-design/ant-design/issues"
   },
   "main": "lib/index",
-  "files": ["lib"],
+  "files": [
+    "lib"
+  ],
   "license": "MIT",
   "dependencies": {
     "gregorian-calendar": "~3.0.0",
     "gregorian-calendar-format": "~3.0.1",
     "object-assign": "~3.0.0",
     "rc-calendar": "~3.10.0",
+    "rc-checkbox": "~1.0.6",
     "rc-collapse": "~1.2.2",
     "rc-dialog": "~4.4.0",
     "rc-dropdown": "~1.1.1",
     "rc-input-number": "~2.0.1",
     "rc-menu": "~3.4.2",
     "rc-notification": "~1.0.1",
-    "rc-pagination": "^1.0.0",
+    "rc-pagination": "~1.0.0",
     "rc-progress": "~1.0.0",
+    "rc-radio": "~2.0.0",
     "rc-select": "~4.4.0",
     "rc-slider": "~1.2.6",
     "rc-steps": "~1.1.4",
     "rc-switch": "~1.2.0",
     "rc-table": "~3.1.0",
     "rc-tabs": "~5.2.0",
-    "rc-tooltip": "~2.4.0",
-    "rc-checkbox":"~1.0.0",
-    "rc-radio":"~2.0.0"
+    "rc-tooltip": "~2.4.0"
   },
   "devDependencies": {
     "css-animation": "~1.0.3",

style/components/pagination.less

@@ -53,6 +53,7 @@
   }
 
   &-jump-prev, &-jump-next {
+
     &:after {
       content: "•••";
       display: block;
@@ -65,6 +66,9 @@
     &:hover {
       &:after {
         color: @primary-color;
+        font-size: 8px;
+        letter-spacing: -1px;
+        font-family: "anticon";
       }
     }
 
@@ -73,7 +77,8 @@
   &-jump-prev {
     &:hover {
       &:after {
-        content: "‹‹";
+        content: "\e611\e611";
+        transform: rotate(180deg);
       }
     }
   }
@@ -81,7 +86,7 @@
   &-jump-next {
     &:hover {
       &:after {
-        content: "››";
+        content: "\e611\e611";
       }
     }
   }
@@ -112,8 +117,12 @@
       color: #666;
       &:after {
         display: block;
-        margin-top: -2px;
+        height: 28px;
+        line-height: 28px;
+        font-size: 8px;
+        font-family: "anticon";
       }
+
     }
 
     &:hover {
@@ -126,13 +135,21 @@
   }
 
   &-prev {
-    a:after {
-      content: "‹";
+    a {
+      &:after {
+        content: "\e611";
+        display: block;
+        transform: rotate(180deg);
+      }
     }
   }
+
   &-next {
-    a:after {
-      content: "›";
+    a {
+      &:after {
+        content: "\e611";
+        display: block;
+      }
     }
   }
 
@@ -225,6 +242,13 @@
     height: 20px;
     line-height: 20px;
     border: none;
+
+    a {
+      &:after {
+        height: 20px;
+        line-height: 20px;
+      }
+    }
   }
 
   &.mini &-jump-prev, &.mini &-jump-next {