perro
/
perrotuerto.blog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Cambios en estil de figcaption

This commit is contained in:
Nika Zhenya 2019-10-09 11:25:58 -05:00
parent f51ffdc71d
commit ee6ec5263a
1 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
css/extra.css
View File

@ -71,6 +71,12 @@ figcaption:before {
content: '▣'; content: '▣';
} }
figcaption {
margin: 0;
padding: 0 0 .5em 0;
border-bottom: 1px solid lightgray;
}
@media screen and (max-width: 640px) { @media screen and (max-width: 640px) {
img { img {
width: 100vw; width: 100vw;
@ -81,14 +87,18 @@ figcaption:before {
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
figcaption { figcaption {
float: right; float: right;
width: calc(30% - 2em); width: calc(35% - 2em);
margin-top: 0; margin-top: 0;
margin-right: -30%; margin-right: -35%;
padding: 0 1em; padding: 0 1em;
border: none;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
} }
figcaption:before { figcaption:before {
content: ''; display: block;
} }
} }