ViMaSter/hackertours-theme
Watch
0
0
Fork
You've already forked hackertours-theme
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add class left/right/canter support to img shortcode.

Browse source
This commit is contained in:
Fredrik Jonsson 2022-09-02 13:02:16 +02:00
commit 4d3658251f
1 changed files with 26 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

41
assets/sass/_zen.scss
View file

@ -141,6 +141,32 @@ article {
margin-bottom: .2rem; margin-bottom: .2rem;
} }
figure,
img {
&.image {
@include respond-to(s) {
&.center {
margin-left: auto;
margin-right: auto;
}
&.left {
@include padding(0 .5 .5 0);
margin: 0;
float: left;
clear: both;
}
&.right {
@include padding(0 0 .5 .5);
margin: 0;
float: right;
clear: both;
}
}
}
}
figure { figure {
&.image { &.image {
figcaption { figcaption {
@ -162,28 +188,13 @@ figure {
display: block; display: block;
} }
&.center {
margin-left: auto;
margin-right: auto;
}
&.left { &.left {
@include padding(0 .5 .5 0);
margin: 0;
float: left;
clear: both;
figcaption { figcaption {
@include padding(0 .5 .5 0); @include padding(0 .5 .5 0);
} }
} }
&.right { &.right {
@include padding(0 0 .5 .5);
margin: 0;
float: right;
clear: both;
figcaption { figcaption {
@include padding(0 0 .5 .5); @include padding(0 0 .5 .5);
} }