ettore.dreucci/cocoa-eh-hugo-theme
1
0
Fork 0
mirror of https://github.com/Noettore/cocoa-eh-hugo-theme.git synced 2025-10-15 19:56:41 +02:00
Code Issues Packages Projects Releases Wiki Activity

Image is now always 100% width

Browse Source
This commit is contained in:
Alexis Tacnet
2017-02-07 12:51:47 +01:00
parent 6c4bbf76f1
commit 62be5e4ec0
1 changed files with 6 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
static/css/main.css
View File

@@ -583,6 +583,9 @@ a {
a:hover { a:hover {
color: #2a6496; color: #2a6496;
} }
img {
max-width: 100%;
}
img.profile { img.profile {
min-width: 100%; min-width: 100%;
} }
@@ -736,36 +739,25 @@ section.main .content .markdown blockquote p:last-child {
} }
} }
section.main .content .markdown figure { section.main .content .markdown figure {
height: 100px;
width: 100%; width: 100%;
background: #fff; background: #fff;
margin-bottom: 1em; margin-bottom: 1em;
} }
section.main .content .markdown figure img { section.main .content .markdown figure img {
height: 100%; width: 100%;
width: auto; height: auto;
max-width: 100%; max-width: 100%;
display: block; display: block;
position: static; position: static;
margin: auto; margin: auto;
} }
@media (min-width: 321px) {
section.main .content .markdown figure {
height: 140px;
}
}
@media (min-width: 550px) {
section.main .content .markdown figure {
height: 220px;
}
}
@media (min-width: 769px) { @media (min-width: 769px) {
section.main .content .markdown figure { section.main .content .markdown figure {
height: 241px;
width: 110%; width: 110%;
margin-left: -5%; margin-left: -5%;
} }
section.main .content .markdown img { section.main .content .markdown img {
max-width: 110%;
width: 110%; width: 110%;
margin-left: -5%; margin-left: -5%;
} }