tweak a few things with figures
• modify gallery margins • make solo images in galleries less than full width
This commit is contained in:
parent
6ea805ee50
commit
7b5e02ea89
|
@ -161,11 +161,10 @@ small {
|
||||||
}
|
}
|
||||||
|
|
||||||
.figure-gallery {
|
.figure-gallery {
|
||||||
margin: 0;
|
|
||||||
|
|
||||||
.gallery-grid {
|
.gallery-grid {
|
||||||
margin-left: -20px;
|
margin-left: -60px;
|
||||||
margin-right: -20px;
|
margin-right: -60px;
|
||||||
line-height: 0;
|
line-height: 0;
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -180,19 +179,22 @@ small {
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 500px) {
|
@media screen and (max-width: 500px) {
|
||||||
margin-left: -20px;
|
|
||||||
|
|
||||||
img {
|
img {
|
||||||
height: 160px
|
height: 160px
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.gallery-solo {
|
.gallery-solo {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
line-height: 0;
|
line-height: 0;
|
||||||
|
|
||||||
|
padding: {
|
||||||
|
left: 10%;
|
||||||
|
right: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
height: auto;
|
height: auto;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
Loading…
Reference in New Issue
Block a user