crispypin.cc_old/docs/style.scss

59 lines
702 B
SCSS
Raw Normal View History

$main-bg: #080808;
$content-bg: #181818;
2022-05-07 22:05:22 +02:00
$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
margin: 0;
min-width: min-content;
2022-05-07 22:05:22 +02:00
justify-content: center;
}
main {
2022-05-09 15:52:01 +02:00
padding: 8px 16px 32px;
2022-05-07 22:05:22 +02:00
width: $page-width;
margin-left: auto;
margin-right: auto;
max-width: $page-width;
2022-05-07 22:05:22 +02:00
background-color: $content-bg;
}
header {
text-align: center;
}
2022-05-07 22:05:22 +02:00
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
}
footer {
2022-01-18 18:04:48 +01:00
margin-top: 5px;
margin-bottom: 10px;
text-align: center;
p {
margin: 5px;
}
2021-06-25 01:33:18 +02:00
}
2022-05-09 15:52:01 +02:00
img, video {
2022-05-07 22:05:22 +02:00
max-width: $page-width;
2021-06-25 01:33:18 +02:00
}