Cleanup CSS .pagination (#4455)

* remove .pagination .item a:hover

* remove .pagination .loading

* Update swage.scss

* .pagination .item a centralized to template.css

* adark theme: mobile: border

* remove text-align: center

* remove .pager-current

* remove .content .pagination

* remove font-size

* font-style: italic; in template.css

* fix

3 files changed, 4 insertions, 49 deletions

diff --git a/p/themes/Mapco/_components.scss b/p/themes/Mapco/_components.scss
index 91fa2126d..fc956dfc3 100644
--- a/p/themes/Mapco/_components.scss
+++ b/p/themes/Mapco/_components.scss
@@ -163,24 +163,9 @@
 .pagination {
 	background: variables.$grey-light;
 	color: variables.$main-font-color;
-	font-size: 0.8em;
-	text-align: center;
-
-	.item {
-		&.pager-current {
-			background: variables.$sid-bg;
-			color: variables.$grey-light;
-			font-size: 1.5em;
-			font-weight: bold;
-		}
 
-		a {
-			display: block;
-			color: variables.$main-font-color;
-			font-style: italic;
-			line-height: 3em;
-			text-decoration: none;
-		}
+	.item a {
+		color: variables.$main-font-color;
 	}
 
 }
diff --git a/p/themes/Mapco/mapco.css b/p/themes/Mapco/mapco.css
index cf18c2792..556d5316c 100644
--- a/p/themes/Mapco/mapco.css
+++ b/p/themes/Mapco/mapco.css
@@ -334,26 +334,11 @@ form th {
 .pagination {
 	background: #eff0f2;
 	color: #303136;
-	font-size: 0.8em;
-	text-align: center;
-}
-.pagination .item.pager-current {
-	background: #303136;
-	color: #eff0f2;
-	font-size: 1.5em;
-	font-weight: bold;
 }
 .pagination .item a {
-	display: block;
 	color: #303136;
-	font-style: italic;
-	line-height: 3em;
-	text-decoration: none;
-}
-.pagination .item a:hover {
-	background: #303136;
-	color: #eff0f2;
 }
+
 #load_more.loading,
 #load_more.loading:hover {
 	background: url("loader.gif") center center no-repeat #34495e;
diff --git a/p/themes/Mapco/mapco.rtl.css b/p/themes/Mapco/mapco.rtl.css
index b567bab1d..c16243b87 100644
--- a/p/themes/Mapco/mapco.rtl.css
+++ b/p/themes/Mapco/mapco.rtl.css
@@ -334,26 +334,11 @@ form th {
 .pagination {
 	background: #eff0f2;
 	color: #303136;
-	font-size: 0.8em;
-	text-align: center;
-}
-.pagination .item.pager-current {
-	background: #303136;
-	color: #eff0f2;
-	font-size: 1.5em;
-	font-weight: bold;
 }
 .pagination .item a {
-	display: block;
 	color: #303136;
-	font-style: italic;
-	line-height: 3em;
-	text-decoration: none;
-}
-.pagination .item a:hover {
-	background: #303136;
-	color: #eff0f2;
 }
+
 #load_more.loading,
 #load_more.loading:hover {
 	background: url("loader.gif") center center no-repeat #34495e;