based.cooking/data/style.css
Sylvain Gauthier 9e99745276 use a clean Makefile system to build/deploy site
This way, we get dependency/smart update for free. We don't need to
rebuild all the pages everytime a new one is added. The author, date of
creation and date of revision are extracted from git information. The
index is generated automatically, so adding a recipe is literally just
adding a markdown file in src/.

The deployment system uses rsync to push only newer data to the server.

There is a tag system that you can add at the end of each recipe file.
Tag pages are generated statically that contain all recipes with a given
tag.

It introduces more HTML template files, though.

To build website, type
make build

To deploy it,
make deploy

To clean everything,
make clean
2021-03-15 10:34:59 +11:00

56 lines
608 B
CSS

body {
max-width: 800px ;
margin: auto ;
padding: 0 16px ;
margin-bottom: 500px ;
}
h1 {
text-align: center ;
}
footer {
text-align: center ;
}
img {
max-width: 600px ;
width: 100% ;
margin: auto ;
display: block ;
}
code {
overflow-wrap: break-word ;
color: lime ;
}
li img {
max-width: 1em ;
max-height: 1em ;
display: inline ;
}
@media (prefers-color-scheme: dark) {
body {
background: #151515 ;
color: white ;
}
a {
color: lightblue ;
}
a:visited {
color: gray ;
}
h2 {
color: tomato ;
}
}
@media print {
a[href] {
text-decoration: none ;
color: black ;
}
}