From 97e7c319d656a5f05489ca996e249e7359303d4d Mon Sep 17 00:00:00 2001
From: Jake Vanderwerf <get@jakevanderwerf.ca>
Date: Sun, 31 May 2026 22:42:33 +0000
Subject: [PATCH] =Jakevan edits done?
---
src/gmbreviews/style.scss | 128 ++++++++++++++++++++++++++++++++++++++++++
1 files changed, 128 insertions(+), 0 deletions(-)
diff --git a/src/gmbreviews/style.scss b/src/gmbreviews/style.scss
new file mode 100644
index 0000000..721a94c
--- /dev/null
+++ b/src/gmbreviews/style.scss
@@ -0,0 +1,128 @@
+.gmb-reviews {
+ 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: flex-start;
+ flex-wrap: nowrap;
+ }
+ ul {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ max-width: var(--full);
+ li {
+ 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: 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 {
+ border-width: 4px 1px;
+ }
+ &::before {
+ border-width: 8px;
+ bottom: -4px;
+ }
+ }
+ cite {
+ position: relative;
+ margin-top: var(--btn);
+
+ img {
+ width: 4.5rem;
+ position: absolute;
+ left: -8rem;
+ top: 0;
+ }
+
+ p {
+ margin: 0;
+ }
+
+ .wrap {
+ --wrap: wrap;
+
+ p, time {
+ max-width: 49%;
+ }
+
+ .stars {
+ width: 100%;
+ }
+ }
+ }
+ time {
+ white-space: nowrap;
+ }
+ }
+ .stars .icon {
+ background-color: rgb(var(--action-0));
+ }
+ article {
+ padding: 1rem;
+ border-radius: var(--radius-outer);
+ background-color: rgb(var(--base));
+ header {
+ --align: center;
+ >img {
+ position: relative;
+ left: 0;
+ }
+ }
+ time {
+ font-style: italic;
+ }
+ .review {
+ padding: 1.5rem;
+ }
+
+ h4 {
+ width: max-content;
+ }
+ .icon {
+ color: rgb(var(--action-0));
+ }
+ }
+ .btn {
+ width: 100%;
+ }
+}
--
Gitblit v1.10.0