From c320a158879c2ffdf57780a90f21dad8aea9dcd4 Mon Sep 17 00:00:00 2001
From: Chris Lowis <chris.lowis@gmail.com>
Date: Fri, 20 Jun 2025 14:59:11 +0100
Subject: [PATCH] Extract some colour variables
---
assets/css/app.css | 14 +++++++++-----
1 file changed, 9 insertions(+), 5 deletions(-)
diff --git a/assets/css/app.css b/assets/css/app.css
index 1021572..815d681 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -21,11 +21,15 @@
--space-lg: calc(2 * var(--space-unit));
--space-xl: calc(3.25 * var(--space-unit));
--space-xxl: calc(5.25 * var(--space-unit));
+
+ --cotech-white: white;
+ --cotech-grey: #1e2637;
+ --cotech-blue: #38aad5;
}
p, li, a {
font-family: "open_sansregular", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
- color: #1e2637;
+ color: var(--cotech-grey);
}
h1, h2, h3, h4, h5, h6 {
@@ -45,7 +49,7 @@ h1, h2, h3, h4, h5, h6 {
.header a:hover {
text-decoration: underline;
- color: #38aad5;
+ color: var(--cotech-blue);
}
.header_logo-link {
@@ -81,7 +85,7 @@ h1, h2, h3, h4, h5, h6 {
font-size: 1.5em;
font-weight: bold;
line-height: 1.6;
- color: #ffffff;
+ color: var(--cotech-white);
max-width: 50ch;
}
@@ -92,10 +96,10 @@ h1, h2, h3, h4, h5, h6 {
.hero_button {
cursor: pointer;
padding: var(--space-sm);
- border: 1px solid white;
+ border: 1px solid var(--cotech-white);
border-radius: 4px;
}
.hero_button a {
- color: white;
+ color: var(--cotech-white);
}