mirror of
https://github.com/nairobilug/pelican-alchemy.git
synced 2024-12-30 12:15:06 +01:00
Make post images responsive
This commit is contained in:
parent
51e4a557c0
commit
c80409e460
3 changed files with 100 additions and 99 deletions
File diff suppressed because one or more lines are too long
|
|
@ -44,11 +44,6 @@ a {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
pre,
|
|
||||||
img {
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
max-width: 970px;
|
max-width: 970px;
|
||||||
}
|
}
|
||||||
|
|
@ -99,8 +94,8 @@ img {
|
||||||
.post {
|
.post {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
&.mini-post {
|
&.mini-post {
|
||||||
padding: 30px 0;
|
|
||||||
border-bottom: 1px solid #ddd;
|
border-bottom: 1px solid #ddd;
|
||||||
|
padding: 30px 0;
|
||||||
&:last-child {
|
&:last-child {
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
|
@ -115,14 +110,21 @@ img {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
&.full-post {
|
.post-content {
|
||||||
* img {
|
img {
|
||||||
max-width: 940px;
|
display: block;
|
||||||
|
height: auto;
|
||||||
|
max-width: 100%;
|
||||||
|
width: 100% \9;
|
||||||
|
}
|
||||||
|
pre,
|
||||||
|
img {
|
||||||
|
.border-radius(4px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.separator {
|
.separator {
|
||||||
margin-top: 30px;
|
|
||||||
margin-bottom: 30px;
|
margin-bottom: 30px;
|
||||||
|
margin-top: 30px;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue