blog/assets/sass/_content.scss

135 lines
2 KiB
SCSS
Raw Normal View History

2020-02-12 03:21:15 +00:00
body {
2020-05-05 04:38:36 +00:00
max-width: 980px;
2020-02-12 03:21:15 +00:00
margin: auto;
min-height: 100%;
padding-bottom: 20px;
font-family: $sansfont;
2021-07-06 20:58:39 +00:00
font-weight: normal;
2020-02-12 03:21:15 +00:00
background-color: $background-color;
color: $text-color;
}
header {
margin: auto 12px;
#header {
border-bottom: 2px solid $link-color;
box-sizing: border-box;
padding: 20px;
margin-bottom: 12px;
#title {
2021-07-06 20:58:39 +00:00
font-size: 2.5em;
2020-02-12 03:21:15 +00:00
color: $text-color;
&:hover {
text-decoration: none;
}
}
}
}
2021-07-06 20:58:39 +00:00
footer {
2021-07-06 21:57:42 +00:00
margin: auto 12px;
2021-07-06 20:58:39 +00:00
margin-top: 24px;
margin-bottom: 40px;
text-align: center;
}
2020-02-12 03:51:19 +00:00
small {
color: $small-text-color;
}
2020-02-12 03:21:15 +00:00
a {
color: $link-color;
text-decoration: none;
&:hover {
text-decoration: underline;
}
2020-04-01 05:17:58 +00:00
}
.permalink-container {
position: relative;
vertical-align: top;
2020-02-12 03:21:15 +00:00
2020-04-01 05:17:58 +00:00
.permalink {
2020-02-12 07:42:03 +00:00
color: $link-color;
2020-02-12 03:21:15 +00:00
font-size: 0.65em;
2020-04-01 05:17:58 +00:00
position: absolute;
2020-04-01 05:19:59 +00:00
left: -25px;
2020-02-12 03:21:15 +00:00
}
}
2020-02-18 01:04:27 +00:00
blockquote {
2021-06-30 06:03:00 +00:00
margin-inline: 14px 14px;
2020-02-18 01:04:27 +00:00
color: $small-text-color;
border-left: 4px solid $small-text-color;
padding-left: 12px;
}
2020-02-12 03:51:19 +00:00
.postlisting-row td {
2021-07-06 21:57:42 +00:00
padding-bottom: 20px;
.title {
font-size: 1.5em;
}
.summary {
padding-top: 4px;
font-size: 0.8em;
color: $smaller-text-color;
p {
display: inline;
}
}
2020-02-12 03:51:19 +00:00
}
2020-02-12 03:21:15 +00:00
#content {
2020-04-01 05:17:58 +00:00
font-size: 1.05em;
line-height: 1.5em;
2020-05-05 04:38:36 +00:00
img {
max-width: 100%;
}
2020-02-12 03:21:15 +00:00
}
2020-05-05 04:50:10 +00:00
code {
2021-05-04 12:02:15 +00:00
// font-size: 1.2em;
2020-05-05 04:50:10 +00:00
padding: 3px;
background-color: #2b303b;
border-radius: 5px;
2021-06-30 06:41:11 +00:00
color: #cccccc;
}
a code {
color: $link-color;
2020-02-12 03:21:15 +00:00
}
2020-11-03 22:14:45 +00:00
pre > code {
display: block;
padding: 5px;
overflow-x: auto;
font-family: $monofont;
font-size: 0.9em;
}
2021-05-04 12:02:15 +00:00
2021-07-06 05:52:05 +00:00
.toc {
background-color: lighten($background-color, 10%);
padding: 20px;
ul {
margin-block: 0;
margin-bottom: 0;
}
}
2021-05-04 12:02:15 +00:00
.post-content {
> p {
line-height: 1.5;
}
}