From 257d8003378f61810d13660b9d6c2ace41ec00a0 Mon Sep 17 00:00:00 2001
From: Robin King <robin2.king@live.uwe.ac.uk>
Date: Sun, 19 Mar 2023 22:29:46 +0000
Subject: [PATCH] refactor(styles.css): minor update to colours and scope of
usage
---
styles.css | 22 +++++++++++++++++-----
1 file changed, 17 insertions(+), 5 deletions(-)
diff --git a/styles.css b/styles.css
index 0ca9c72..297eabe 100644
--- a/styles.css
+++ b/styles.css
@@ -1,4 +1,4 @@
-/* Globals */
+/*** Globals ***/
:root {
/** This is the primary background colour for the website **/
@@ -6,7 +6,6 @@
--main-dark: #03080c;
/** These are colours used for the main sections of the website **/
-
/* USAGE: index.html:about && location.html:directions */
--section-blue: #194263;
@@ -38,7 +37,8 @@
/** Blue accent colours used across website **/
/* USAGE:
- index.html:sign-up-form > sign up button
+ index.html:hero > text
+ && index.html:sign-up-form > sign up button
&& about.html:hero > hyperlinks
&& about.html:about > hyperlinks
&& rules.html:rules > hyperlinks
@@ -49,9 +49,21 @@
/* USAGE: index.html:sign-up-form > sign up button:active && location.html:directions > sign up button:active */
--accent-blue-lighter: #54ffff;
- /* USAGE: All visited hyperlinks */
+ /* USAGE: All pages:visited hyperlinks */
--accent-baby-blue: #c1ffff;
- /* USAGE: Footer Background Colour */
+ /** Purple accent colour used on homepage **/
+ /* USAGE: index.html:hero > text */
+ --accent-purple: #b144c4;
+
+ /** Purple background colour for footer **/
+ /* USAGE: All pages:footer */
--footer-purple: #1f172c;
}
+
+@media only screen and (min-width: 1024px) {
+ section, header, footer {
+ /* Restrict content of website to max 1024px */
+ padding-block: calc((100vw - 1024px) / 2);
+ }
+}
\ No newline at end of file
--
GitLab