crispypin.cc_old/docs/style.scss

64 lines
767 B
SCSS
Raw Normal View History

2022-05-07 22:05:22 +02:00
$main-bg: #111;
$content-bg: #222;
$main-fg: #fff;
2021-06-25 01:33:18 +02:00
2022-05-07 22:05:22 +02:00
$page-width: 800px;
2021-06-25 01:33:18 +02:00
body {
2022-05-07 22:05:22 +02:00
font-family: sans-serif;
2022-01-18 18:04:48 +01:00
background-color: $main-bg;
2022-05-07 22:05:22 +02:00
color: $main-fg;
2021-06-25 01:33:18 +02:00
2022-01-18 18:04:48 +01:00
display: grid;
2022-05-07 22:05:22 +02:00
grid-template-rows: 50px 1fr auto;
2021-06-25 01:33:18 +02:00
2022-01-18 18:04:48 +01:00
margin: 0;
2022-05-07 22:05:22 +02:00
justify-content: center;
}
main {
padding: 0 32px 64px ;
// grid-column: 2 / -2;
width: $page-width;
// justify-self: center;
background-color: $content-bg;
}
a:link {
color: #8bf;
2021-06-25 01:33:18 +02:00
}
2022-01-18 17:57:42 +01:00
a:visited {
2022-01-18 18:04:48 +01:00
color: #b8f;
2022-01-18 17:57:42 +01:00
}
2022-03-22 17:56:17 +01:00
.title-link a {
text-decoration: none;
2022-05-07 22:05:22 +02:00
color: $main-fg;
2022-03-22 17:56:17 +01:00
&:visited {
2022-05-07 22:05:22 +02:00
color: $main-fg;
2022-01-18 18:04:48 +01:00
}
2021-06-25 01:33:18 +02:00
}
header {
2022-01-18 18:04:48 +01:00
grid-column: 1 / -1;
background-color: $main-bg;
padding: 0;
2021-06-25 01:33:18 +02:00
}
footer {
2022-01-18 18:04:48 +01:00
grid-column: 1 / -1;
margin-top: 5px;
margin-bottom: 10px;
text-align: center;
p {
margin: 5px;
}
2021-06-25 01:33:18 +02:00
}
2022-05-07 22:05:22 +02:00
img {
max-width: $page-width;
2021-06-25 01:33:18 +02:00
}