This repository has been archived on 2024-02-04. You can view files and clone it, but cannot push or open issues or pull requests.
blog.polynom.me/assets/css/blog.css

97 lines
1.5 KiB
CSS
Raw Normal View History

2020-09-23 14:59:04 +00:00
* {
box-sizing: border-box;
}
2020-09-21 15:49:58 +00:00
img {
/* Prevent images in blog posts from getting too big */
max-width: 800px;
}
.profile-picture {
max-width: 200px;
}
h1, h2, h3, h4 {
color: #9b59b6;
}
2020-09-22 16:27:08 +00:00
.post-list {
padding: 10px;
}
2020-09-21 15:49:58 +00:00
.post-list-item {
display: block;
max-width: 800px;
}
2020-09-23 14:59:04 +00:00
.post-list-item-title {
color: #3498db;
}
2020-09-21 15:49:58 +00:00
.post {
display: block;
2020-09-22 16:46:09 +00:00
max-width: 1000px;
padding: 10px;
font-size: 21px;
}
2020-09-22 16:27:08 +00:00
.text {
font-size: 21px;
}
2020-09-23 14:59:04 +00:00
.text-content {
max-width: 1000px;
}
@media only screen and (max-width: 768px) {
2020-09-23 14:59:04 +00:00
.page-title {
/* The page header title otherwise overflows the page on small screens */
font-size: 8vw;
}
.text-content {
/* Otherwise the page content overflows the page */
max-width: 100%;
}
2020-09-22 16:27:08 +00:00
.text {
/* A smaller font looks better on smaller devices */
font-size: 19px;
}
.post {
/* A smaller font looks better on smaller devices */
font-size: 19px;
/* Otherwise the entire page overflows for some reason */
width: 100%;
}
2020-09-22 16:46:09 +00:00
p > img {
/* This should match all images used inside blog posts */
width: 100%;
}
2020-09-21 15:49:58 +00:00
}
code {
display: inline-block;
2020-09-23 14:59:04 +00:00
padding: 0 3px;
border-radius: 3px;
background-color: black;
line-height: 1.5;
}
pre > code {
background-color: black;
line-height: 1.5;
border-radius: 3px;
padding: 10px;
width: 100%;
overflow-x: auto;
}