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,
|
||||
img {
|
||||
// Add vertical rhythm margins.
|
||||
@include margin-block(0 1);
|
||||
|
||||
&.image {
|
||||
--image-padding: .75rem;
|
||||
|
||||
|
|
@ -33,13 +30,8 @@ img {
|
|||
}
|
||||
|
||||
figure {
|
||||
// Remove defult inline margins.
|
||||
@include margin-inline(0);
|
||||
|
||||
// Remove margin from img inside figure.
|
||||
img {
|
||||
margin: 0;
|
||||
}
|
||||
// Add vertical rhythm margins.
|
||||
@include margin-block(0 1);
|
||||
|
||||
&.image {
|
||||
figcaption {
|
||||
|
|
@ -81,3 +73,10 @@ figure {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
&.image {
|
||||
// Add vertical rhythm margins.
|
||||
@include margin-block(0 1);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue