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

added recipe style (maybe not finished)

Browse Source
This commit is contained in:
Capelier-Marla 2023-01-25 19:17:02 +01:00
parent b96c3c6a4e
commit aaac7f2f84
1 changed files with 36 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
static/style.css
View File

@ -120,6 +120,7 @@ main:has(aside) {
gap: var(--size-max); gap: var(--size-max);
margin-top: var(--size-xl); margin-top: var(--size-xl);
width: 100vw; width: 100vw;
margin-left: var(--size-xl);
} }
aside { aside {
@ -129,6 +130,7 @@ aside {
padding-left: calc(var(--size-xl) * 1.5); padding-left: calc(var(--size-xl) * 1.5);
box-shadow: var(--shadow); box-shadow: var(--shadow);
height: fit-content; height: fit-content;
min-width: fit-content;
} }
aside ul { aside ul {
display: flex; display: flex;
@ -154,11 +156,44 @@ aside a:hover {
body > main > article > section > h1 { body > main > article > section > h1 {
font-size: var(--size-xl); font-size: var(--size-xl);
width: 100%;
border-bottom: var(--border) var(--principal-neutral); border-bottom: var(--border) var(--principal-neutral);
margin-bottom: var(--size-xl); margin-bottom: var(--size-xl);
} }
body > main > article > section > ul {
display: flex;
flex-direction: row;
gap: var(--size-l);
flex-wrap: wrap;
}
body > main > article > section > ul > li {
width: fit-content;
max-width: 250px;
}
body > main > article > section > ul > li::marker {
content: none;
}
.recipe {
background: var(--secondary-pastel);
border-radius: var(--border-radius);
box-shadow: var(--shadow);
display: flex;
flex-direction: column;
color: black;
text-decoration: none;
}
.recipe > section {
display: flex;
flex-direction: row;
align-items: baseline;
justify-content: space-between;
gap: var(--size-l);
padding: var(--size-m);
}
footer { footer {
display: flex; display: flex;
flex-direction: column; flex-direction: column;