From 75a097a018a0090f5902758353c578fce4aa2a25 Mon Sep 17 00:00:00 2001
From: Jake Vanderwerf <get@jakevanderwerf.ca>
Date: Sat, 23 May 2026 18:43:42 +0000
Subject: [PATCH] =CustomBlocks.php overhaul relatively complete. Also refactored the gallery in gallery.min.js and the jvbRenderGallery.
---
src/gmbreviews/style.scss | 122 ++++++++++++++++++++++++++++++++++++++++
1 files changed, 122 insertions(+), 0 deletions(-)
diff --git a/src/gmbreviews/style.scss b/src/gmbreviews/style.scss
new file mode 100644
index 0000000..bb0e08d
--- /dev/null
+++ b/src/gmbreviews/style.scss
@@ -0,0 +1,122 @@
+.gmb-reviews {
+ max-width: none;
+ > .row.center {
+ 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:0 auto;
+ padding: 0;
+ max-width: var(--content);
+ .content {
+ border-width: 4px 1px;
+ &::after {
+ border-width: 4px 1px;
+ }
+ &::before {
+ border-width: 8px;
+ bottom: -4px;
+ }
+ }
+ cite {
+ position: relative;
+
+ 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));
+ }
+ }
+ .footer .button {
+ width: 100%;
+ }
+}
--
Gitblit v1.10.0