gabriel/vegan
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Styling and bw logo

Browse source
This commit is contained in:
Gabriel Huber 2024-08-26 02:43:23 +02:00
parent 9196d26678
commit 28981226cd
3 changed files with 542 additions and 346 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

793
ernährung.html
View file

File diff suppressed because it is too large Load diff

BIN
oege_logo_bw.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.8 KiB

95
style.css Normal file
View file

@ -0,0 +1,95 @@
body {
font-family: "IBM Plex Sans", sans-serif;
width: 21cm;
padding: 1cm;
margin: 0;
font-size: 16px;
line-height: 1.5em;
}
table {
border-collapse: collapse;
}
td, th {
border: 1px solid gray;
border-collapse: collapse;
padding: 2mm 3mm;
vertical-align: top;
}
header {
font-size: 30px;
font-weight: bold;
display: flex;
align-items: center;
gap: 25px;
margin-bottom: 40px;
}
td > *:first-child {
margin-top: 0;
}
td > *:last-child {
margin-bottom: 0;
}
.small {
font-size: 0.8em;
}
.recipe-grid {
display: grid;
grid-template-columns: 4fr 6fr;
border: 1px solid gray;
border-style: none none solid solid;
}
.recipe-grid > * {
border: 1px solid gray;
border-style: solid solid none none;
padding: 0 1em;
font-size: 0.9em;
}
.faktenbox {
border: 1px solid gray;
padding: 0 1em;
margin: 1em 0;
border-radius: 5px;
}
.faktenbox > h3 {
text-align: center;
}
h1, h2, h3, h4, h5 {
break-after: avoid;
}
p, td, th, .faktenbox, ul, .recipe-grid {
break-inside: avoid;
}
thead {
break-inside: avoid;
break-after: avoid;
}
.label-after {
break-inside: avoid;
break-after: avoid;
}
.label-before {
break-inside: avoid;
break-before: avoid;
}
@media print {
body {
padding: 0;
margin: 0;
}
}