gcrkrause
/
blog-theme
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Make post images responsive

main
Raymond Wanyoike 2014-10-29 14:23:13 +03:00
parent 51e4a557c0
commit c80409e460
3 changed files with 100 additions and 99 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
alchemy/static/css/style.css
View File

File diff suppressed because one or more lines are too long

22
alchemy/static/less/style.less
View File

@ -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;
} }