ajuste de layout em paginação

midianinja · Mar 26, 2024 · a74ab7b · a74ab7b
1 parent df8e22d
commit a74ab7b
Showing 1 changed file with 32 additions and 25 deletions.
diff --git a/themes/midia-ninja-theme/assets/scss/3-components/_c-pagination.scss b/themes/midia-ninja-theme/assets/scss/3-components/_c-pagination.scss
@@ -4,20 +4,17 @@
 	.nav-links {
 		display: flex;
 		justify-content: center;
+		gap: 4px;
 
 		span,
 		a {
-			border-radius: 6px;
+			border-radius: 8px;
 			border: 2px solid transparent;
 			box-shadow: none;
-			//color: var(--c-gray--darker);
-			//font-size: var(--s-h5);
-			height: 40px;
-			//line-height: 1.2;
-			margin-right: 5px;
-			padding: 4px 11px;
+			height: 32px;
+			width: 32px;
 			transition: all 0.2s;
-			width: 40px;
+			text-decoration: none;
 
 			color: var(--PRIMARY-PURE, #848484);
 			text-align: center;
@@ -26,42 +23,44 @@
 			font-size: 14px;
 			font-style: normal;
 			font-weight: 400;
-			line-height: 24px; /* 171.429% */
+			line-height: 27px;
 
-			&.current,
-			&:hover,
-			&:active,
-			&:focus {
-				color: var(--c-primary);
-				border-color: var(--c-primary);
-				text-decoration: none;
-			}
+			// &.current,
+			// &:hover,
+			// &:active,
+			// &:focus {
+			// 	color: #333;
+			// 	font-weight: 700;
+			// 	border-color: var(--c-primary);
+			// 	text-decoration: none;
+			// }
 
 			&:visited {
-				color: var(--c-secondary);
-				border-color: var(--c-secondary);
+				color: #848484;
+				border-color: #595d62;
 			}
 
 			&.prev,
 			&.next {
-				align-items: center;
-				display: flex;
-				position: relative;
+				place-items: center;
+				display: grid;
+				border: 1px solid #595d62;
 
 				svg {
 					height: 20px;
 					width: 20px;
+					transform: scale(0.75);
 
 					path {
-						color: var(--c-primary);
+						color: #595d62;
 						fill: currentColor;
 						margin-top: 2px;
 					}
 				}
 
 				&:visited {
-					color: var(--c-primary);
-					border-color: var(--c-primary);
+					color: #848484;
+					border-color: #595d62;
 				}
 			}
 
@@ -83,5 +82,13 @@
 				}
 			}
 		}
+
+		span.current {
+			color: #333;
+			font-weight: 700;
+			border-radius: var(--Interactive-border-radius---radius-i-sm, 8px);
+			background: var(--OURO, #fbf36e);
+			border-color: var(--OURO, #fbf36e);
+		}
 	}
 }