From de699440ff94e9c0d8e8b5201ee93179c085bf60 Mon Sep 17 00:00:00 2001
From: Jake Vanderwerf <get@jakevanderwerf.ca>
Date: Thu, 01 Jan 2026 20:51:26 +0000
Subject: [PATCH] =Timeline fields in feedroutes.php
---
src/gmbreviews/style.scss | 88 ++++++++++++++++++++++++++++++++++++++------
1 files changed, 76 insertions(+), 12 deletions(-)
diff --git a/src/gmbreviews/style.scss b/src/gmbreviews/style.scss
index a2edaf3..19f3abb 100644
--- a/src/gmbreviews/style.scss
+++ b/src/gmbreviews/style.scss
@@ -1,35 +1,99 @@
.gmb-reviews {
- > .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-block;
- vertical-align: middle;
+ 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 {
- margin: 2rem 0;
- position:relative;
+ width: 100%;
+ max-width: none;
+ padding: 4rem 1rem;
&:nth-of-type(odd) {
- left: -2rem;
+ background-color: var(--base-50);
+ blockquote {
+ --background: var(--base-50);
+ }
}
&:nth-of-type(even) {
- right: -2rem;
+ background-color: var(--base-100);
+ blockquote {
+ --background: 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: var(--action-0);
+ }
article {
padding: 1rem;
- border-radius: var(--outerRadius);
+ border-radius: var(--radius-outer);
background-color: var(--base);
header {
--align: center;
--
Gitblit v1.10.0