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 | 54 +++++++++++++++++++++++++++++++++---------------------
1 files changed, 33 insertions(+), 21 deletions(-)
diff --git a/src/gmbreviews/style.scss b/src/gmbreviews/style.scss
index 339f5dc..bb0e08d 100644
--- a/src/gmbreviews/style.scss
+++ b/src/gmbreviews/style.scss
@@ -1,41 +1,53 @@
.gmb-reviews {
- max-width: var(--alignWide);
- > .row.btw {
- .button {
- width: 100%;
- height: max-content;
- }
+ 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: 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;
+ margin:0 auto;
padding: 0;
+ max-width: var(--content);
.content {
border-width: 4px 1px;
&::after {
@@ -77,12 +89,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,7 +113,7 @@
width: max-content;
}
.icon {
- color: var(--action-0);
+ color: rgb(var(--action-0));
}
}
.footer .button {
--
Gitblit v1.10.0