me/parandum
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change cookie notice colours and margins

Browse Source
This commit is contained in:
Matthew Grove
2021-09-01 20:33:27 +01:00
parent 7d4d213904
commit 0169aa128b
1 changed files with 15 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/App.css
View File

@@ -10,39 +10,39 @@ html {
color: var(--text-color); color: var(--text-color);
--default: #2a8c8c; --default: #2a8c8c;
--default-tinted: #187474; --default-tinted: #1d7e7e;
--default-dark: #0a4a4a; --default-dark: #0a4a4a;
--red: #b41313; --red: #b41313;
--red-tinted: #881010; --red-tinted: #921515;
--red-dark: #660b0b; --red-dark: #660b0b;
--maroon: #a80c2e; --maroon: #a80c2e;
--maroon-tinted: #800923; --maroon-tinted: #94102d;
--maroon-dark: #5c0316; --maroon-dark: #5c0316;
--green: #008612; --green: #008612;
--green-tinted: #007710; --green-tinted: #048b16;
--green-dark: #005e0c; --green-dark: #005e0c;
--light-blue: #0085ad; --light-blue: #0085ad;
--light-blue-tinted: #006786; --light-blue-tinted: #05789b;
--light-blue-dark: #004c63; --light-blue-dark: #004c63;
--pink: #a327a3; --pink: #a327a3;
--pink-tinted: #801580; --pink-tinted: #961d96;
--pink-dark: #521452; --pink-dark: #521452;
--yellow: #948500; --yellow: #948500;
--yellow-tinted: #756a00; --yellow-tinted: #918305;
--yellow-dark: #423c00; --yellow-dark: #423c00;
--orange: #dd5e0a; --orange: #dd5e0a;
--orange-tinted: #af4a07; --orange-tinted: #c5570d;
--orange-dark: #8d3a03; --orange-dark: #8d3a03;
} }
html * { #root * {
transition: background-color 0.5s; transition: background-color 0.5s;
} }
@@ -291,11 +291,11 @@ label, p, input[type=text], main > span, main div > span {
flex-wrap: wrap; flex-wrap: wrap;
column-gap: 16px; column-gap: 16px;
padding: 16px 24px; padding: 16px 24px;
background-color: var(--primary-color); background-color: var(--primary-color-dark);
text-align: center; text-align: center;
} }
.cookie-notice > p { .cookie-notice > div > p {
margin: 8px 0 6px 0; margin: 8px 0 6px 0;
} }
@@ -303,9 +303,9 @@ label, p, input[type=text], main > span, main div > span {
color: inherit; color: inherit;
} }
.cookie-notice > .button { .cookie-notice > .button.button--round {
background-color: var(--text-color); background-color: var(--primary-color);
color: var(--primary-color); color: var(--text-color);
padding: 6px; padding: 6px;
} }
@@ -315,4 +315,5 @@ label, p, input[type=text], main > span, main div > span {
.cookie-notice > .button:hover { .cookie-notice > .button:hover {
color: var(--text-color-tinted); color: var(--text-color-tinted);
background-color: var(--primary-color-tinted);
} }