Merge pull request #11537 from lokesh/css-cleanup

refactor: Move pagination css from legacy to new component

Author: cdrini

static/css/components/pagination.less

@@ -0,0 +1,41 @@
+// openlibrary/templates/lib/pagination.html
+// openlibrary/templates/type/author/view.html
+
+.pagination {
+  font-size: 0.75em;
+  margin: 0 15px;
+  .display-flex();
+  justify-content: flex-end;
+  flex-wrap: wrap;
+  a {
+    display: block;
+    text-decoration: none;
+    padding: 7px;
+    margin-right: 10px;
+    &:hover {
+      background: @link-blue;
+      color: @white;
+      display: block;
+      float: left;
+      text-decoration: none;
+      padding: 7px;
+      margin-right: 10px;
+    }
+  }
+  span.ellipsis {
+    display: block;
+    float: left;
+    color: @black;
+    padding: 8px;
+    margin-right: 10px;
+  }
+  span.this {
+    display: block;
+    float: left;
+    color: @black;
+    padding: 7px;
+    border: 1px solid @lighter-grey;
+    margin-right: 10px;
+    background-color: @lightest-grey;
+  }
+}

static/css/legacy.less

@@ -271,47 +271,6 @@ q {
 @import (less) "base/helpers-common.less";
 @import (less) "base/helpers-misc.less";
 
-// openlibrary/templates/lib/pagination.html
-// openlibrary/templates/type/author/view.html
-.pagination {
-  font-size: 0.75em;
-  margin: 0 15px;
-  .display-flex();
-  justify-content: flex-end;
-  flex-wrap: wrap;
-  a {
-    display: block;
-    text-decoration: none;
-    padding: 7px;
-    margin-right: 10px;
-    &:hover {
-      background: @link-blue;
-      color: @white;
-      display: block;
-      float: left;
-      text-decoration: none;
-      padding: 7px;
-      margin-right: 10px;
-    }
-  }
-  span.ellipsis {
-    display: block;
-    float: left;
-    color: @black;
-    padding: 8px;
-    margin-right: 10px;
-  }
-  span.this {
-    display: block;
-    float: left;
-    color: @black;
-    padding: 7px;
-    border: 1px solid @lighter-grey;
-    margin-right: 10px;
-    background-color: @lightest-grey;
-  }
-}
-
 // openlibrary/templates/recentchanges/header.html
 // openlibrary/templates/showia.html
 // openlibrary/templates/showmarc.html

static/css/page-user.less

@@ -253,3 +253,4 @@ textarea.toc-editor {
 @import (less) "components/searchbox.less";
 // Import styles for sort options
 @import (less) "components/sort-dropper.less";
+@import (less) "components/pagination.less";