blog/sass/_content.scss
2020-05-04 23:50:10 -05:00

89 lines
1.4 KiB
SCSS

body {
max-width: 980px;
margin: auto;
min-height: 100%;
padding-bottom: 20px;
font-family: $sansfont;
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 {
font-size: 2em;
color: $text-color;
&:hover {
text-decoration: none;
}
}
}
}
small {
color: $small-text-color;
}
a {
color: $link-color;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
.permalink-container {
position: relative;
vertical-align: top;
.permalink {
color: $link-color;
font-size: 0.65em;
position: absolute;
left: -25px;
}
}
blockquote {
color: $small-text-color;
border-left: 4px solid $small-text-color;
padding-left: 12px;
}
.postlisting-row td {
padding-bottom: 12px;
}
#content {
font-size: 1.05em;
line-height: 1.5em;
img {
max-width: 100%;
}
}
pre {
padding: 5px;
overflow-x: auto;
font-family: $monofont;
font-size: 0.9em;
}
code {
font-size: 1.2em;
padding: 3px;
background-color: #2b303b;
color: #cccccc;
border-radius: 5px;
}