Only add vertical rythm to image class, not to img element.
This commit is contained in:
parent
d95bf6d1b8
commit
6bee338b96
1 changed files with 9 additions and 10 deletions
|
|
@ -2,9 +2,6 @@
|
||||||
|
|
||||||
figure,
|
figure,
|
||||||
img {
|
img {
|
||||||
// Add vertical rhythm margins.
|
|
||||||
@include margin-block(0 1);
|
|
||||||
|
|
||||||
&.image {
|
&.image {
|
||||||
--image-padding: .75rem;
|
--image-padding: .75rem;
|
||||||
|
|
||||||
|
|
@ -33,13 +30,8 @@ img {
|
||||||
}
|
}
|
||||||
|
|
||||||
figure {
|
figure {
|
||||||
// Remove defult inline margins.
|
// Add vertical rhythm margins.
|
||||||
@include margin-inline(0);
|
@include margin-block(0 1);
|
||||||
|
|
||||||
// Remove margin from img inside figure.
|
|
||||||
img {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.image {
|
&.image {
|
||||||
figcaption {
|
figcaption {
|
||||||
|
|
@ -81,3 +73,10 @@ figure {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
&.image {
|
||||||
|
// Add vertical rhythm margins.
|
||||||
|
@include margin-block(0 1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue