From ba1e1ccf869b818f7a7a897264dfea05563a7796 Mon Sep 17 00:00:00 2001
From: Jake Vanderwerf <get@jakevanderwerf.ca>
Date: Sun, 07 Jun 2026 20:10:20 +0000
Subject: [PATCH] =Major overhaul of Integrations. Playing around with adding fields to post types through Registrar from an integrations' class file.

---
 src/gmbreviews/style.scss |   67 +++++++++++++++++++++------------
 1 files changed, 43 insertions(+), 24 deletions(-)

diff --git a/src/gmbreviews/style.scss b/src/gmbreviews/style.scss
index 339f5dc..d3278c1 100644
--- a/src/gmbreviews/style.scss
+++ b/src/gmbreviews/style.scss
@@ -1,41 +1,58 @@
 .gmb-reviews {
-	max-width: var(--alignWide);
-	> .row.btw {
-		.button {
-			width: 100%;
-			height: max-content;
-		}
+	max-width: none;
+	> .row.x-mid {
+		max-width:var(--content);
+		margin: 0 auto;
+		--gap: .5rem 6rem;
+
 		p {
 			width: fit-content;
 		}
 	}
+	.button {
+		width: 66.6%;
+		margin: 0 auto 2rem;
+		display: flex;
+		height: max-content;
+	}
 	.stars {
 		display: inline-flex;
 		align-items: center;
-		justify-content: center;
+		justify-content: flex-start;
 		flex-wrap: nowrap;
 	}
 	ul {
 		list-style: none;
 		margin: 0;
 		padding: 0;
+		max-width: var(--full);
 		li {
-			margin: 2rem 0;
-			position:relative;
-			@media (min-width: 768px) {
-				&:nth-of-type(odd) {
-					left: -2rem;
-				}
-				&:nth-of-type(even) {
-					right: -2rem;
+			width: 100%;
+			max-width: none;
+			padding: 4rem 1rem;
+			&:nth-of-type(odd) {
+				background-color: rgb(var(--base-50));
+				blockquote {
+					--background: rgb(var(--base-50));
 				}
 			}
-
+			&:nth-of-type(even) {
+				background-color: rgb(var(--base-100));
+				blockquote {
+					--background: rgb(var(--base-100));
+				}
+			}
 		}
 	}
 	blockquote {
-		margin:0;
-		padding: 0;
+		margin: 1rem auto;
+		padding: 1rem 0 0;
+		max-width: var(--content);
+		border-top: 1px solid rgb(var(--base-200));
+
+		.icon-quotes-fi {
+			left: calc(var(--btnbtn) * -1);
+		}
 		.content {
 			border-width: 4px 1px;
 			&::after {
@@ -48,6 +65,7 @@
 		}
 		cite {
 			position: relative;
+			margin-top: var(--btn);
 
 			img {
 				width: 4.5rem;
@@ -65,10 +83,11 @@
 
 				p, time {
 					max-width: 49%;
+					width: max-content;
 				}
 
 				.stars {
-					width: 100%;
+					flex: 1;
 				}
 			}
 		}
@@ -77,12 +96,12 @@
 		}
 	}
 	.stars .icon {
-		background-color: var(--action-0);
+		background-color: rgb(var(--action-0));
 	}
 	article {
 		padding: 1rem;
-		border-radius: var(--outerRadius);
-		background-color: var(--base);
+		border-radius: var(--radius-outer);
+		background-color: rgb(var(--base));
 		header {
 			--align: center;
 			>img {
@@ -101,10 +120,10 @@
 			width: max-content;
 		}
 		.icon {
-			color: var(--action-0);
+			color: rgb(var(--action-0));
 		}
 	}
-	.footer .button {
+	.btn {
 		width: 100%;
 	}
 }

--
Gitblit v1.10.0