Skip to content
Snippets Groups Projects
Commit 257d8003 authored by Robin King's avatar Robin King
Browse files

refactor(styles.css): minor update to colours and scope of usage

parent 2e557753
Branches
No related tags found
No related merge requests found
/* 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
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment