From 47e77f9fac1155c536b2b87fec552c7fcce66fa6 Mon Sep 17 00:00:00 2001
From: Jake Vanderwerf <get@jakevanderwerf.ca>
Date: Mon, 01 Jun 2026 18:06:34 +0000
Subject: [PATCH] =Timeline block fixes. Next up: adding article schema classes
---
src/video/style.scss | 35 +++++++++++++++++++----------------
1 files changed, 19 insertions(+), 16 deletions(-)
diff --git a/src/video/style.scss b/src/video/style.scss
index 43841af..0b9a60b 100644
--- a/src/video/style.scss
+++ b/src/video/style.scss
@@ -1,4 +1,4 @@
-
+/** style.scss **/
.video-cover {
position: relative;
width: 100%;
@@ -6,14 +6,14 @@
overflow: hidden;
display: flex;
.wrap {
- background-color: var(--contrast-200);
+ background-color: rgb(var(--contrast-200));
//&::before {
// position: absolute;
// top: 0;
// bottom: 0;
// left: 0;
// right: 0;
- // background-color: var(--base);
+ // background-color: rgb(var(--base));
// mix-blend-mode: lighten;
// content: '';
// z-index: 1;
@@ -30,7 +30,7 @@
min-height: 100%;
z-index: 0;
display: flex;
- background-color: var(--action-50);
+ background-color: rgb(var(--action-50));
&.fade {
animation: fadeIn 1s ease-in;
@@ -51,12 +51,12 @@
z-index: 2;
width: 100%;
padding: 2rem;
- color: var(--action-contrast);
+ color: rgb(var(--action-contrast));
/* Better text readability */
h1, h2, h3, h4, h5, h6 {
word-spacing: 100vw;
- color: var(--action-contrast);
+ color: rgb(var(--action-contrast));
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
margin: 2rem 0 0;
}
@@ -65,7 +65,7 @@
text-transform: uppercase;
letter-spacing: 2px;
margin: 0;
- color: var(--action-contrast);
+ color: rgb(var(--action-contrast));
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
@@ -78,33 +78,36 @@
.media-text {
--align: flex-start;
gap: 3rem;
- max-width: var(--maxWidth);
+ max-width: var(--content);
}
}
.media-text > div {
width: fit-content;
}
.buttons a {
- font-weight: 500;
- color: var(--action-contrast);
- border-color: var(--action-contrast);
+ font-weight: var(--fw-h-bold);
+ color: rgb(var(--action-contrast));
+ border-color: rgb(var(--action-contrast));
&:visited {
- color: var(--action-0);
+ color: rgb(var(--action-contrast));
&:hover {
- color: var(--action-contrast);
+ color: rgb(var(--action-contrast));
}
}
&:hover {
- background-color: var(--action-0);
- color: var(--action-contrast);
+ background-color: rgb(var(--action-0));
+ color: rgb(var(--action-contrast));
}
}
.outline a {
- background-color: rgba(var(--base-rgb), var(--overlay-light));
+ background-color: rgba(var(--base), rgba(var(--base),var(--op-3)));
}
.buttons {
margin: 3rem 0;
+ li {
+ background-color: rgba(var(--action-0), var(--op-4));
+ }
}
/* Button styles */
.wp-block-button__link {
--
Gitblit v1.10.0