DjalimSimaila/MVC_Recettes
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added footer style with it's grey color, + body background color

Browse Source
This commit is contained in:
Capelier-Marla 2023-01-24 15:51:02 +01:00
parent 94ca8a2798
commit 5cac66c864
1 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
static/style.css
View File

@ -20,6 +20,8 @@
--color-2-6: hsl(30, 46%, 46%); --color-2-6: hsl(30, 46%, 46%);
--color-2-7: hsl(30, 64%, 29%); --color-2-7: hsl(30, 64%, 29%);
--color-g-1: hsl(340, 2%, 63%);
--size-1: 2px; --size-1: 2px;
--size-2: 4px; --size-2: 4px;
--size-3: 8px; --size-3: 8px;
@ -38,6 +40,10 @@
padding: 0; padding: 0;
} }
body {
background: var(--color-2-1);
}
body > header { body > header {
height: var(--size-6); height: var(--size-6);
box-shadow: var(--shadow); box-shadow: var(--shadow);
@ -97,3 +103,17 @@ body > header > nav > ul > li:last-child {
body > header > nav > ul > li:last-child > a > img { body > header > nav > ul > li:last-child > a > img {
height: calc(var(--size-6) - var(--size-5)); height: calc(var(--size-6) - var(--size-5));
} }
footer {
display: flex;
flex-direction: column;
gap: var(--size-6);
justify-content: center;
align-items: center;
height: 200px;
width: 100vw;
background: var(--color-g-1);
color: var(--color-2-1);
font-size: var(--size-5);
}