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

p/themes/Alternative-Dark/adark.css

@@ -394,10 +394,6 @@ a.btn {
 }
 
 /*=== Pagination */
-.pagination .item a {
-	line-height: 3em;
-}
-
 .pagination {
 	color: #999;
 	border-top: 1px solid #999;
@@ -1116,10 +1112,6 @@ a.btn {
 		text-shadow: none;
 	}
 
-	.pagination {
-		border-top: 1px solid #292929;
-	}
-
 	.flux:not(.current):hover .item.title {
 		background: #333;
 	}

p/themes/Alternative-Dark/adark.rtl.css

@@ -394,10 +394,6 @@ a.btn {
 }
 
 /*=== Pagination */
-.pagination .item a {
-	line-height: 3em;
-}
-
 .pagination {
 	color: #999;
 	border-top: 1px solid #999;
@@ -1116,10 +1112,6 @@ a.btn {
 		text-shadow: none;
 	}
 
-	.pagination {
-		border-top: 1px solid #292929;
-	}
-
 	.flux:not(.current):hover .item.title {
 		background: #333;
 	}

p/themes/Ansum/_components.scss

@@ -168,24 +168,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;
 	}
 }
 
@@ -194,12 +179,6 @@
 	background: url("loader.gif") center center no-repeat #34495e;
 }
 
-.content .pagination {
-	margin: 0;
-	padding: 0;
-}
-
-
 /*=== Boxes */
 .box {
 	background: variables.$white;

p/themes/Ansum/ansum.css

@@ -340,25 +340,9 @@ form th {
 .pagination {
 	background: #f5f0ec;
 	color: #363330;
-	font-size: 0.8em;
-	text-align: center;
-}
-.pagination .item.pager-current {
-	background: #fbf9f6;
-	color: #f5f0ec;
-	font-size: 1.5em;
-	font-weight: bold;
 }
 .pagination .item a {
-	display: block;
 	color: #363330;
-	font-style: italic;
-	line-height: 3em;
-	text-decoration: none;
-}
-.pagination .item a:hover {
-	background: #363330;
-	color: #f5f0ec;
 }
 
 #load_more.loading,
@@ -366,11 +350,6 @@ form th {
 	background: url("loader.gif") center center no-repeat #34495e;
 }
 
-.content .pagination {
-	margin: 0;
-	padding: 0;
-}
-
 /*=== Boxes */
 .box {
 	background: #fff;

p/themes/Ansum/ansum.rtl.css

@@ -340,25 +340,9 @@ form th {
 .pagination {
 	background: #f5f0ec;
 	color: #363330;
-	font-size: 0.8em;
-	text-align: center;
-}
-.pagination .item.pager-current {
-	background: #fbf9f6;
-	color: #f5f0ec;
-	font-size: 1.5em;
-	font-weight: bold;
 }
 .pagination .item a {
-	display: block;
 	color: #363330;
-	font-style: italic;
-	line-height: 3em;
-	text-decoration: none;
-}
-.pagination .item a:hover {
-	background: #363330;
-	color: #f5f0ec;
 }
 
 #load_more.loading,
@@ -366,11 +350,6 @@ form th {
 	background: url("loader.gif") center center no-repeat #34495e;
 }
 
-.content .pagination {
-	margin: 0;
-	padding: 0;
-}
-
 /*=== Boxes */
 .box {
 	background: #fff;

p/themes/BlueLagoon/BlueLagoon.css

@@ -472,22 +472,11 @@ a.btn {
 /*=== Pagination */
 .pagination {
 	background: #fafafa;
-	text-align: center;
 	color: #333;
-	font-size: 0.8em;
-}
-
-.pagination .item.pager-current {
-	font-weight: bold;
-	font-size: 1.5em;
 }
 
 .pagination .item a {
-	display: block;
 	color: #333;
-	font-style: italic;
-	line-height: 3em;
-	text-decoration: none;
 }
 
 .pagination .item a:hover {

p/themes/BlueLagoon/BlueLagoon.rtl.css

@@ -472,22 +472,11 @@ a.btn {
 /*=== Pagination */
 .pagination {
 	background: #fafafa;
-	text-align: center;
 	color: #333;
-	font-size: 0.8em;
-}
-
-.pagination .item.pager-current {
-	font-weight: bold;
-	font-size: 1.5em;
 }
 
 .pagination .item a {
-	display: block;
 	color: #333;
-	font-style: italic;
-	line-height: 3em;
-	text-decoration: none;
 }
 
 .pagination .item a:hover {

p/themes/Dark/dark.css

@@ -434,28 +434,12 @@ a.btn {
 .pagination {
 	background: #1c1c1c;
 	color: #888;
-	font-size: 0.8em;
-	text-align: center;
-}
-
-.pagination .item.pager-current {
-	background: #111;
-	font-size: 1.5em;
-	font-weight: bold;
 }
 
 .pagination .item a {
-	display: block;
-	font-style: italic;
-	line-height: 3em;
-	text-decoration: none;
 	color: #666;
 }
 
-.pagination .item a:hover {
-	background-color: #111;
-}
-
 .pagination:first-child .item {
 	border-top: 1px solid #333;
 	border-bottom: 1px solid #333;

p/themes/Dark/dark.rtl.css

@@ -434,28 +434,12 @@ a.btn {
 .pagination {
 	background: #1c1c1c;
 	color: #888;
-	font-size: 0.8em;
-	text-align: center;
-}
-
-.pagination .item.pager-current {
-	background: #111;
-	font-size: 1.5em;
-	font-weight: bold;
 }
 
 .pagination .item a {
-	display: block;
-	font-style: italic;
-	line-height: 3em;
-	text-decoration: none;
 	color: #666;
 }
 
-.pagination .item a:hover {
-	background-color: #111;
-}
-
 .pagination:first-child .item {
 	border-top: 1px solid #333;
 	border-bottom: 1px solid #333;

p/themes/Flat/flat.css

@@ -449,15 +449,9 @@ a.btn {
 }
 
 .pagination .item a {
-	line-height: 3em;
 	color: #000;
 }
 
-.pagination .item a:hover {
-	background: #34495e;
-	color: #ecf0f1;
-}
-
 #load_more.loading,
 #load_more.loading:hover {
 	background: url("loader.gif") center center no-repeat #34495e;

p/themes/Flat/flat.rtl.css

@@ -449,15 +449,9 @@ a.btn {
 }
 
 .pagination .item a {
-	line-height: 3em;
 	color: #000;
 }
 
-.pagination .item a:hover {
-	background: #34495e;
-	color: #ecf0f1;
-}
-
 #load_more.loading,
 #load_more.loading:hover {
 	background: url("loader.gif") center center no-repeat #34495e;

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;
 	}
 
 }

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;

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;

p/themes/Nord/nord.css

@@ -344,8 +344,6 @@ img.favicon {
 /*=== Pagination */
 .pagination {
 	width: 100%;
-	font-size: 0.8em;
-	text-align: center;
 }
 
 .pagination .pager-first,
@@ -1038,30 +1036,10 @@ input.extend {
 }
 
 /*=== Pagination */
-.content .pagination {
-	margin: 0;
-	padding: 0;
-}
-
-.pagination .item.pager-current {
-	font-weight: bold;
-	font-size: 1.5em;
-}
-
 .pagination .item a {
-	display: block;
 	font-style: italic;
-	line-height: 3em;
-	text-decoration: none;
-}
-
-.pagination .loading,
-.pagination a:hover.loading {
-	font-size: 0;
 }
 
-
-
 /*=== STRUCTURE */
 /*===============*/
 /*=== Header */

p/themes/Nord/nord.rtl.css

@@ -344,8 +344,6 @@ img.favicon {
 /*=== Pagination */
 .pagination {
 	width: 100%;
-	font-size: 0.8em;
-	text-align: center;
 }
 
 .pagination .pager-first,
@@ -1038,30 +1036,10 @@ input.extend {
 }
 
 /*=== Pagination */
-.content .pagination {
-	margin: 0;
-	padding: 0;
-}
-
-.pagination .item.pager-current {
-	font-weight: bold;
-	font-size: 1.5em;
-}
-
 .pagination .item a {
-	display: block;
 	font-style: italic;
-	line-height: 3em;
-	text-decoration: none;
-}
-
-.pagination .loading,
-.pagination a:hover.loading {
-	font-size: 0;
 }
 
-
-
 /*=== STRUCTURE */
 /*===============*/
 /*=== Header */

p/themes/Origine-compact/origine-compact.css

@@ -471,22 +471,11 @@ a.btn,
 /*=== Pagination */
 .pagination {
 	background: #fafafa;
-	text-align: center;
 	color: #333;
-	font-size: 0.8em;
-}
-
-.pagination .item.pager-current {
-	font-weight: bold;
-	font-size: 1.5em;
 }
 
 .pagination .item a {
-	display: block;
 	color: #333;
-	font-style: italic;
-	line-height: 3em;
-	text-decoration: none;
 }
 
 .pagination .item a:hover {

p/themes/Origine-compact/origine-compact.rtl.css

@@ -471,22 +471,11 @@ a.btn,
 /*=== Pagination */
 .pagination {
 	background: #fafafa;
-	text-align: center;
 	color: #333;
-	font-size: 0.8em;
-}
-
-.pagination .item.pager-current {
-	font-weight: bold;
-	font-size: 1.5em;
 }
 
 .pagination .item a {
-	display: block;
 	color: #333;
-	font-style: italic;
-	line-height: 3em;
-	text-decoration: none;
 }
 
 .pagination .item a:hover {

p/themes/Origine/origine.css

@@ -457,22 +457,11 @@ a.btn {
 /*=== Pagination */
 .pagination {
 	background: #fafafa;
-	text-align: center;
 	color: #333;
-	font-size: 0.8em;
-}
-
-.pagination .item.pager-current {
-	font-weight: bold;
-	font-size: 1.5em;
 }
 
 .pagination .item a {
-	display: block;
 	color: #333;
-	font-style: italic;
-	line-height: 3em;
-	text-decoration: none;
 }
 
 .pagination .item a:hover {

p/themes/Origine/origine.rtl.css

@@ -457,22 +457,11 @@ a.btn {
 /*=== Pagination */
 .pagination {
 	background: #fafafa;
-	text-align: center;
 	color: #333;
-	font-size: 0.8em;
-}
-
-.pagination .item.pager-current {
-	font-weight: bold;
-	font-size: 1.5em;
 }
 
 .pagination .item a {
-	display: block;
 	color: #333;
-	font-style: italic;
-	line-height: 3em;
-	text-decoration: none;
 }
 
 .pagination .item a:hover {

p/themes/Pafat/pafat.css

@@ -415,26 +415,11 @@ a.btn {
 /*=== Pagination */
 .pagination {
 	background: #fff;
-	text-align: center;
 	color: #41444f;
-	font-size: 0.8em;
-}
-
-.pagination .item.pager-current {
-	font-weight: bold;
-	font-size: 1.5em;
 }
 
 .pagination .item a {
-	display: block;
 	color: #41444f;
-	font-style: italic;
-	line-height: 3em;
-	text-decoration: none;
-}
-
-.pagination .item a:hover {
-	background: #ddd;
 }
 
 .pagination:first-child .item {

p/themes/Pafat/pafat.rtl.css

@@ -415,26 +415,11 @@ a.btn {
 /*=== Pagination */
 .pagination {
 	background: #fff;
-	text-align: center;
 	color: #41444f;
-	font-size: 0.8em;
-}
-
-.pagination .item.pager-current {
-	font-weight: bold;
-	font-size: 1.5em;
 }
 
 .pagination .item a {
-	display: block;
 	color: #41444f;
-	font-style: italic;
-	line-height: 3em;
-	text-decoration: none;
-}
-
-.pagination .item a:hover {
-	background: #ddd;
 }
 
 .pagination:first-child .item {

p/themes/Screwdriver/screwdriver.css

@@ -467,22 +467,11 @@ a.btn {
 /*=== Pagination */
 .pagination {
 	background: #fafafa;
-	text-align: center;
 	color: #333;
-	font-size: 0.8em;
-}
-
-.pagination .item.pager-current {
-	font-weight: bold;
-	font-size: 1.5em;
 }
 
 .pagination .item a {
-	display: block;
 	color: #333;
-	font-style: italic;
-	line-height: 3em;
-	text-decoration: none;
 }
 
 .pagination .item a:hover {

p/themes/Screwdriver/screwdriver.rtl.css

@@ -467,22 +467,11 @@ a.btn {
 /*=== Pagination */
 .pagination {
 	background: #fafafa;
-	text-align: center;
 	color: #333;
-	font-size: 0.8em;
-}
-
-.pagination .item.pager-current {
-	font-weight: bold;
-	font-size: 1.5em;
 }
 
 .pagination .item a {
-	display: block;
 	color: #333;
-	font-style: italic;
-	line-height: 3em;
-	text-decoration: none;
 }
 
 .pagination .item a:hover {

p/themes/Swage/swage.css

@@ -389,25 +389,9 @@ form th {
 .pagination {
 	background: #e3e3e3;
 	color: #181621;
-	font-size: 0.8em;
-	text-align: center;
-}
-.pagination .item.pager-current {
-	background: #22303d;
-	color: #e3e3e3;
-	font-size: 1.5em;
-	font-weight: bold;
 }
 .pagination .item a {
-	display: block;
 	color: #181621;
-	font-style: italic;
-	line-height: 3em;
-	text-decoration: none;
-}
-.pagination .item a:hover {
-	background: #22303d;
-	color: #e3e3e3;
 }
 
 #load_more.loading,
@@ -1172,5 +1156,3 @@ button.as-link {
 #slider .form-group:hover {
 	background: initial;
 }
-
-/*# sourceMappingURL=swage.css.map */

p/themes/Swage/swage.rtl.css

@@ -389,25 +389,9 @@ form th {
 .pagination {
 	background: #e3e3e3;
 	color: #181621;
-	font-size: 0.8em;
-	text-align: center;
-}
-.pagination .item.pager-current {
-	background: #22303d;
-	color: #e3e3e3;
-	font-size: 1.5em;
-	font-weight: bold;
 }
 .pagination .item a {
-	display: block;
 	color: #181621;
-	font-style: italic;
-	line-height: 3em;
-	text-decoration: none;
-}
-.pagination .item a:hover {
-	background: #22303d;
-	color: #e3e3e3;
 }
 
 #load_more.loading,

p/themes/Swage/swage.scss

@@ -495,29 +495,9 @@ form {
 .pagination {
 	background: color.adjust( $color_light, $lightness: -10%);
 	color: $color_text;
-	font-size: 0.8em;
-	text-align: center;
 
-	.item {
-		&.pager-current {
-			background: $color_aside;
-			color: color.adjust( $color_light, $lightness: -10%);
-			font-size: 1.5em;
-			font-weight: bold;
-		}
-
-		a {
-			display: block;
-			color: $color_text;
-			font-style: italic;
-			line-height: 3em;
-			text-decoration: none;
-
-			&:hover {
-				background: $color_aside;
-				color: color.adjust( $color_light, $lightness: -10%);
-			}
-		}
+	.item a {
+		color: $color_text;
 	}
 }
 

p/themes/base-theme/template.css

@@ -655,17 +655,25 @@ input[type="checkbox"]:focus-visible {
 	padding: 0;
 	display: table;
 	table-layout: fixed;
+	text-align: center;
 }
 
 .pagination .item {
 	display: table-cell;
 	width: 3em;
-	text-align: center;
+	font-style: italic;
 }
 
 .pagination .item.active {
 	min-width: 3em;
 	font-weight: bold;
+	font-style: normal;
+}
+
+.pagination .item a {
+	display: block;
+	line-height: 3em;
+	text-decoration: none;
 }
 
 .pagination .pager-previous,

p/themes/base-theme/template.rtl.css

@@ -655,17 +655,25 @@ input[type="checkbox"]:focus-visible {
 	padding: 0;
 	display: table;
 	table-layout: fixed;
+	text-align: center;
 }
 
 .pagination .item {
 	display: table-cell;
 	width: 3em;
-	text-align: center;
+	font-style: italic;
 }
 
 .pagination .item.active {
 	min-width: 3em;
 	font-weight: bold;
+	font-style: normal;
+}
+
+.pagination .item a {
+	display: block;
+	line-height: 3em;
+	text-decoration: none;
 }
 
 .pagination .pager-previous,